.img1h{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 20%;
    width: 100%;
    height: auto;
    z-index: 10;
}
.img2h{
    position: absolute;
    left: 50%;
    margin-top:-17%;
    transform: translateX(-50%);
    padding-top: 20%;
    width: 62.5%;
    height: auto;
    z-index: 40;
}.img3h{
    position: absolute;
    left: 50%;
    margin-top:-19.5%;
    transform: translateX(-50%);
    padding-top: 20%;
    width:44.685%;
    height: auto;
    z-index: 50;
}.img4h{
    position: absolute;
    left: 50%;
    margin-top:15%;
    transform: translateX(-50%);
    padding-top: 20%;
    width: 40%;
    height: auto;
    z-index: 60;
    animation: blinkFade 2s ease-in-out infinite;
}
@keyframes blinkFade {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

.play-hidden {
  display: none;
}.imgvideo{
    position: absolute;
    left: 50%;
    margin-top:8.8%;
    transform: translateX(-50%);
    padding-top: 20%;
    width: 75.25%;
    height: auto;
    z-index: 30;
}
.container{
    position: relative;
}

@media (orientation: landscape) {
.container{
    /*left: 50%;
    top: 60%;
    transform: translate(-50%,-40%);*/
   /* margin-top: 20vw;*/
   top: 15dvh;  
   left: 35vw;
    width: 30vw;
    height: 30vw;
}
}
@media (orientation: portrait) {
.container{
    /*left: 50%;
    top: 60%;
    transform: translate(-50%,-40%);*/
   /* margin-top: 20vw;*/
   top:30dvh;
   left: 10vw;
    width: 80vw;
    height: 75vw; 
}
}