.video{
    display:flex;
    margin: 5rem auto;
    width:80%;

 
  justify-content: center;
 
}
.video iframe{
     display:none;

   width: 100%;
   /* height: auto; */
    min-height: 600px;
  border: none;
 
}

.poster{
flex-basis: 100%;
  width:fit-content;
  border-radius: 10px;
  position: relative;
  
display:flex; 
z-index: 7777;
 


}


 .poster::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;  /* shadow height */
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  pointer-events: none; /* won’t block clicks */
}


#play{
  position:absolute; 
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index: 888; 
  width:180px;
  height:180px;
  cursor:pointer;
}
.descr{
  position:absolute;
  bottom: 10%;
  display: flex;
  font-size:28px;
  justify-content: center;
  width:100%;
  color:#fff;
  z-index: 8888;
  text-align: center;
}

#factory{
  /* position: absolute; */
  left: 0;
  top:0;
  width:100%;
  height: 100%; 
  object-fit: cover;
  border-radius: 10px;

}

@media screen and (max-width:1300px){
  .descr{
    font-size:24px;
  }
}
@media screen and (max-width:1100px){
  .descr{
    font-size:21px;
  }
}

@media screen and (max-width:950px){
  .descr{
    font-size:18px;
  }
  #play{
     width:120px;
  height:120px;
  }

}
@media screen and (max-width:850px){
  .descr{
    font-size:16px;
  }
    #play{
     width:100px;
  height:100px;
  }
}
@media screen and (max-width:750px){
.video iframe{
   min-height: 500px;
}
 #play{
     width:80px;
  height:80px;
  }
   .descr{
    font-size:14px;
  }
}
@media screen and (max-width:500px){
  .video iframe{
   min-height: 300px;
}
  .descr{
    font-size:12px;
  }
}