.kf-grid-carousel { padding: 100px 0; position: relative; overflow: hidden; background: #fafafa; } .gallery-slide-item { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #fff; padding: 10px; transition: all 0.4s ease; } .gallery-slide-item:hover { transform: translateY(-10px); } .gallery-img-wrap { position: relative; border-radius: 8px; overflow: hidden; height: 250px; } .gallery-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .gallery-slide-item:hover .gallery-img-wrap img { transform: scale(1.1); } .gallery-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.4s ease; color: #fff; font-size: 2rem; z-index: 5; } .gallery-slide-item:hover .gallery-overlay { opacity: 1; } .gallery-caption { padding: 15px 5px; text-align: center; } .gallery-caption h5 { font-family: 'Merienda', cursive; font-size: 1.1rem; color: #333; margin: 0; } @media (max-width: 767px) { .gallery-img-wrap { height: 200px; } }