.gallery-card { position: relative; cursor: pointer; overflow: hidden; border-radius: 10px; transition: transform 0.3s; } .gallery-card:hover { transform: scale(1.03); } .gallery-card img { width: 100%; height: auto; display: block; } .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; color: white; opacity: 0; transition: opacity 0.3s; } .gallery-card:hover .overlay { opacity: 1; } .before-after-img { width: 100%; border-radius: 10px; margin-bottom: 1rem; } Before & After Gallery Before & After 1 × Before & After 2 × Before & After 3 ×