.video_image .video, .video_image .image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 25px;
    width: 100%;
}
.video_image .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.video_image iframe {
    aspect-ratio: 16 / 9;
    max-width: 100%;
    height: auto;
    width: 100%;
}
.video_image .video-placeholder, .video_image .play-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: 0.3s all ease-in-out;
}
.video_image .video-placeholder {
    background-size: cover;
}
.video_image .play-video {
    display: flex;
    justify-content: center;
    align-items: center;				
    color: var(--white);
    font-size: 100px;
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.40));
    cursor: pointer;
}
.video_image .play-video::before {
    content: '\25B6 \FE0E';
    transition: 0.3s all ease-in-out;
}
.video_image .image .placeholder {
    padding-bottom: 56.25%;
}

.video_image .video.active .play-video, .video_image .video.active .video-placeholder {
    opacity: 0;
    pointer-events: none;
}