.mobile-play {
    display: none;
    z-index: 0;
}



.module-item-pic img {
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute
}



@media (max-width: 768px) {
    .mobile-play {
        display: block;
        position: absolute;
        margin: 0;
        top: 0px;
        left: 0;
        width: 100vw;
        border-radius: 0;
        z-index: 1;
    }

    .mobile-play .module-item-cover {
        border-radius: 0;
        padding-top: 100%
    }

    .video-cover {
        width: 46vw;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        border-radius: 10px;
        box-sizing: content-box;
        border: 2px solid rgba(255, 255, 255, .9);
        float: none;
        box-shadow: 0 25px 50px -30px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 25px 50px -25px rgba(0, 0, 0, .9)
    }


    .mobile-play:before {
        content: '';
        position: absolute;
        z-index: 2;
        height: 100%;
        width: 100%;
        background: linear-gradient(to bottom, rgba(37, 37, 43, 0) 0%, #25252b 80%, #16161A 100%);
        backdrop-filter: saturate(180%) blur(10px);
        -webkit-backdrop-filter: saturate(130%) blur(10px);
    }

    .mobile-play .module-item-cover:after {
        content: '';
        position: absolute;
        z-index: 2;
        opacity: .16;
        height: 100%;
        width: 100%;
        top: 0;
        background-size: 29%;
    }
}



@media (max-width: 640px) {
    .mobile-play .module-item-cover {
        border-radius: 0;
        padding-top: 150%
    }
}