body
{
    background-color: #000;
}
#header
{
	width: 600px;
	margin:0 auto;
	text-align: center;
	padding: 30px;
}

.container {
    position: relative;
    width: 1300px;
    height: 839px;
    margin: 2% auto;
    overflow: hidden;
    border: 1px solid #fff;
}
.container #factory {
    position: absolute;
    top: 0px;
    left: 0px;
    
}
.container #bat {
    position: absolute;
    top:-50px;
    left:-100px;
    width:108px;
    height:83px;
     
    animation: tear 5s 1s linear forwards infinite normal;
   transform:rotateX(0deg);
  transform:translate3d;
  transition: all;
}
@keyframes tear {
    0% {
       
       transform:translate(0px,0px) rotateX(0deg) scale(108px,83px) ;
         
   
    }
     
   
    
    100% {
        
        transform:translate(2000px,1000px) rotateX(30deg) scale(8,8) ;
         
               
    }
}