Here are some of our projects for you to explore
#ZBeLrO2.is-media-grid {
column-count: 4;
column-gap: 10px;
padding: 10px;
}
#ZBeLrO2 .gallery-item {
position: relative;
break-inside: avoid;
border-radius: 1px;
margin-bottom: 10px;
line-height: 0; /* Eliminate extra space */
cursor: pointer;
overflow: hidden;
/* box-shadow: 5px 5px 0px #00000012;*/
}
#ZBeLrO2 .gallery-item img {
width: 100%;
height: auto;
transition: .8s all;
margin: 0;
}
#ZBeLrO2 .gallery-item .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
padding: 12px 15px;
opacity: 0;
transition: all 0.8s ease;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: .9em;
font-weight: 200;
line-height: 1.2;
}
#ZBeLrO2 .gallery-item .caption h4 {
font-weight: 300;
font-size: 1.1em;
margin: 0 0 0.1em;;
}
#ZBeLrO2 .gallery-item:hover .caption {
opacity: 1;
}
#ZBeLrO2 .gallery-item:hover {
animation: zoomOutZoomIn 1s ease forwards;
}
@keyframes zoomOutZoomIn {
0% { transform: scale(1); }
50% { transform: scale(0.97); }
100% { transform: scale(1); }
}
#ZBeLrO2 .gallery-item .caption {
transform: translateY(100%);
transition: transform 0.5s ease, opacity 0.5s ease;
}
#ZBeLrO2 .gallery-item:hover .caption {
transform: translateY(0%);
opacity: 1;
}
#ZBeLrO2 .gallery-item .caption {
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
}
#ZBeLrO2 .gallery-item .caption * {
color: #fff;
}
@media (max-width: 800px) {
#ZBeLrO2.is-media-grid {column-count: 3;}
}
@media (max-width: 600px) {
#ZBeLrO2.is-media-grid {column-count: 2;}
}
/*
@media (max-width: 400px) {
#ZBeLrO2.is-media-grid {column-count: 1;}
}
*/
.gallery-item .gallery-video-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0; left: 0;
background: rgba(255,255,255,0.000001);
}
.gallery-item video {
height: auto;
width: 100%;
object-fit: cover;
}
Website Promo Video
Portfolio Promo Video
Ecom Printer Promo Video
Ecom Sunglass Promo Video
Computer Repair Service Promo Video
Story Creation
Real Estate Promo Video
Website Promo Video
Ecom Sales Promo Video
