/* 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;
}
/* 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;
}
