body{background:#fff;margin:0;padding:0}h2{color:#4c4c4e;font-family:Audiowide,sans-serif;font-size:4vw;margin-bottom:2%;text-align:center}.img-area{display:flex;flex-wrap:wrap;gap:1%;justify-content:center;margin:2% auto;max-width:100%}.single-img{box-sizing:border-box;flex:1 1 32.333%;margin-bottom:0;max-width:32.333%;position:relative}.image{border-radius:5px;display:block;height:auto;width:100%}.single-img .image-text{color:#fff;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;left:50%;opacity:1;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:1}.single-img:hover .image-text{opacity:0;transition:opacity .3s ease}.img-overlay{background-color:#fff;border-radius:5px;bottom:0;box-shadow:0 4px 10px rgba(0,0,0,.2);height:0;left:0;overflow:hidden;position:absolute;right:0;transition:.5s ease;width:100%}.single-img:hover .img-overlay{box-shadow:0 6px 15px rgba(0,0,0,.3);height:100%}.img-overlay .text{align-items:center;color:#4c4c4e;display:felx;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;justify-content:center;left:50%;letter-spacing:0;opacity:1;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease}.img-overlay .text span a{display:inline-block;transition:none}.img-overlay .text span a,.img-overlay .text span a:hover{color:inherit;font-size:16px;font-weight:400;line-height:1.2;text-decoration:none}@media (max-width:768px){.img-area{flex-wrap:wrap;gap:15px}.single-img{flex:1 1 98%;margin:0 auto;max-width:98%}.text{font-size:3vw}.text span{font-size:2.5vw}}