*, html, body, table, tr, td, div, h1, h2, h3, img, ul, li, a, f {margin: 0px; padding: 0px;}
ul {list-style: none;}
a {text-decoration: none;}
body {background: #ffffff;}
#conteiner {width: 1040px; height: 811px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 0px; background-image: url("background1111.jpg"); background-repeat: no-repeat;}


br{font-size:10px}
.bg1{
	font-family:Times New Roman; 
	font-size:17px; 
	color:#663300; 
	font-style:Italic; 
	font-weight:bold; 
	text-align: center; 
	padding: 419px 290px 0 310px; 
	text-shadow: #666C77 5px 6px 5px;
}

.bg11{
	font-family:Times New Roman; 
	font-size:16px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding: 0px 320px 0 310px; 
	text-shadow: #666C77 5px 6px 5px;
}


.bg2{
	font-family:Times New Roman; 
	font-size:12px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding: 0px 320px 0 310px; 
	text-shadow: #666C77 5px 6px 5px;
}

.bg3{
	font-family:Times New Roman; 
	font-size:16px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding: 0px 320px 4px 440px; 
	text-shadow: #666C77 5px 6px 5px;
}

.fr4{
	font-family:Times New Roman; 
	font-size:13px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding: 7px 320px 0 310px; 
	text-shadow: #666C77 5px 6px 5px;
}


.fr44{
	font-family:Times New Roman; 
	font-size:16px;  
	color:#663300; 
	text-align: center; 
	line-height: 1.1em; 
	padding:0px 320px 0 299px; 
	text-shadow: #666C77 5px 6px 5px;
}

.gb1{
	font-family:Times New Roman; 
	font-size:16px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding: 0px 310px 0 300px; 
	text-shadow: #666C77 5px 6px 5px;
}

.bg111{
	font-family:Times New Roman; 
	font-size:16px;  
	color:#663300; 
	font-style:Italic;
	text-align: center; 
	line-height: 1.1em; 
	padding:0px 300px 0px 280px; 
	text-shadow: #666C77 5px 6px 5px;
}

.swing {
 margin-top: 230px; border: 0px;
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px; 
    float:left;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.swing img {
    border: 0px solid #f8f8f8;
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: -5px; height: -5px;  
    border: 1px solid #999;
    top: -9px; left: 51.5%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -5px;left: 52.2%;
    z-index: 5;
    border-radius: 50% 20%;
    background: #000;
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}


#pi-link {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 24px;
    color: rgba(0,0,0,0.2);
    cursor: pointer;
}

#pi-link-fr {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 24px;
    color: rgba(0,0,0,0.2);
    cursor: pointer;
}
#pi-link-gb {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 24px;
    color: rgba(0,0,0,0.2);
    cursor: pointer;
}

<div class="snow"></div>
<style>
.editor-stage .snow {
  height:50px;
  background: #fff;
}
#.snow{
  position:fixed;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100vh;
  background: none;
  background-image: url('s1.png'), url('s2.png'), url('s3.png');
  z-index:100;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}