.stone_media {
    position: relative;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    overflow: hidden
}

.stone_media .video-preview,.stone_media img.stone_cover,.stone_media video.stone_video {
    width: 100%;
    height: 90%;
    object-fit: cover;
    display: block;
    transition: opacity .3s ease
}

.stone_media .video-container,.stone_media video.stone_video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
}

.stone_media.has-video:hover .video-preview,.stone_media.hover-video img.stone_cover {
    opacity: 0
}

.stone_media .video-container {
    width: 100%;
    height: 90%;
    transition: opacity .3s ease
}

.stone_media .video-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.stone_media .video-mp4-container video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.stone_media.has-video:hover .video-container,.stone_media.hover-video video.stone_video {
    opacity: 1;
    pointer-events: auto
}
@media screen and (max-width: 768px) {
    .stone_media .video-container {
        height: 70%;
    }
}