#iframe{
    border: 2px solid #000;
    /* padding: 20px; */
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    /* padding-bottom: 5px; */
    background-color: #000;
    box-shadow: 0px 6px 10px #9d9d9d66;
    /* width="420" height="345" */
    width: 800px;
    aspect-ratio: 16/9;
}
@media only screen and (max-width: 900px){
    #iframe{
        width: 600px !important;
    }
}
@media only screen and (max-width: 680px){
    #iframe{
        width: 440px !important;
    }
}
@media only screen and (max-width: 480px){
    #iframe{
        width: 400px !important;
    }
}
@media only screen and (max-width: 414px){
    #iframe{
        width: 380px !important;
    }
}
@media only screen and (max-width: 388px){
    #iframe{
        width: 360px !important;
    }
}
@media only screen and (max-width: 368px){
    #iframe{
        width: 350px !important;
    }
}


#iframeVideoContainer{
    width: 100vw;
    height: 100vh;
    background-color: #0000004d;
    backdrop-filter: saturate(179%) blur(20px);
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}
._dib_{
    display: grid;
    grid-template-rows: auto auto;
}
._dib_ #closePopUpVideo{
    background-color: #000;
    color: white;
    border: none;
    height: 30px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    transition: all 0.6s;
}
._dib_ #closePopUpVideo:hover{
   background-color: #ff0000;
}