.video-preview{display:block;width:100%;aspect-ratio:16/9;border:0;background:#eef0ec;position:relative;padding:0;overflow:hidden;cursor:pointer}
.video-preview img{display:block;width:100%;height:100%;object-fit:cover}
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#5d8847;color:#fff;border-radius:8px;padding:5px 19px;font-size:22px;box-shadow:0 2px 8px #0003}
.videos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.videos>.video{flex:0 0 calc((100% - 48px)/3);min-width:0}
.videos[data-video-count="1"]>.video{flex-basis:min(100%,680px)}
.videos[data-video-count="2"]>.video,.videos[data-video-count="4"]>.video{flex-basis:calc((100% - 24px)/2)}
@media(max-width:900px){.videos>.video{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:620px){.videos>.video,.videos[data-video-count="1"]>.video,.videos[data-video-count="2"]>.video,.videos[data-video-count="4"]>.video{flex-basis:100%}}