.containers-video {
  position: relative;
  height: auto;
  overflow: hidden;
  opacity: 0.01;
  -webkit-animation: load 1.5s 0.8s ease-out forwards;
  animation: load 1.5s 0.8s ease-out forwards;

    }


    
    .container-video #videos {
        position: absolute;
        top: 48%;
        left: 48%;
        min-width: 96%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1000;
        overflow: hidden;
      -webkit-transform: translate(-50%, -50%) scale(1.05);
              transform: translate(-50%, -50%) scale(1.05);
    }



    
    @-webkit-keyframes load {
      100% {
        opacity: 1;
      }
    }
    
    @keyframes load {
      100% {
        opacity: 1;
      }
    }

    @media screen and (max-width:1850px){
      .container-video{
        width: 111%;
        position: relative;
        height: auto;
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
    .container-video #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }




    @media screen and (max-width:1850px){
      .containers-video{
        width: 111%;
        height: 600px;
        position: relative;
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }

    @media screen and (max-width:1800px){
      .containers-video{
        width: 111%;
        height: 600px;
        position: relative;
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }




    @media screen and (max-width:1750px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }


    @media screen and (max-width:1650px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }

    @media screen and (max-width:1550px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }

    @media screen and (max-width:1510px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }


    


    @media screen and (max-width:1450px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }

    @media screen and (max-width: 1024px){
      .containers-video{
        width: 111%;
        height: 387px;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
     #videos{
        position: absolute;
        top: 48%;
        left: 45%;
        min-width: 111px;
        min-height: 117%;
        width: 86%;
        height: auto;
        z-index: -1000;
        overflow: hidden;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    }

    @media screen and (max-width:425px){
      .containers-video{
        height: 109px;
      }
    }

    @media screen and (max-width:375px){
      .containers-video{
        height: 109px;
      }
    }
    @media screen and (max-width:350px){
      .containers-video{
        height: 109px;
      }
    }