Hindvi Swaraj Calendar 2024

.image-box{ text-align:center; display:inline-block; position:relative; overflow:hidden; border-radius:12px; box-shadow:0 10px 35px rgba(0,0,0,0.25); transition:0.4s; } .image-box img{ width:450px; height:450px; transition:0.4s; display:block; } .image-box:hover img{ transform:scale(1.08); } .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35); opacity:0; display:flex; align-items:center; justify-content:center; transition:0.4s; } .image-box:hover .overlay{ opacity:1; } .overlay span{ background:#ffffff; color:#000; padding:12px 28px; border-radius:40px; font-weight:600; font-family:sans-serif; box-shadow:0 4px 20px rgba(0,0,0,0.3); }