/* Gallery Block Video Thumbnails */ .sqs-gallery-design-grid .sqs-gallery-block { position: relative; overflow: hidden; } .sqs-gallery-block .image-slide { position: relative; display: block; } .sqs-gallery-block .image-slide img { transition: opacity 0.3s ease; } .sqs-gallery-block .image-slide:hover img { opacity: 0; } .sqs-gallery-block .image-slide .video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; background-position: center; background-size: cover; z-index: 10; } .sqs-gallery-block .image-slide:hover .video-thumbnail { display: none; /* Hide the thumbnail when hovering */ } .sqs-gallery-block .image-slide .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 5; display: none; /* Hide by default */ } .sqs-gallery-block .image-slide:hover .video-container { display: block; /* Show video container when hovering */ } .sqs-gallery-block .image-slide iframe { width: 100%; height: 100%; border: none; }