@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&family=Source+Sans+Pro:wght@400;500&display=swap";
.gallery-title{color:#121721;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:28px;font-weight:600}.recent-card{cursor:pointer;border:2px solid #0000;border-radius:16px;transition:border-color .3s;position:relative;overflow:hidden}.recent-card:hover{border-color:#f5b400}.recent-img-wrapper{width:100%;height:300px;position:relative;overflow:hidden}.recent-img{object-fit:cover;transition:transform .5s ease-in-out;transform:scale(1)}.recent-card:hover .recent-img{transform:scale(1.1)}.recent-overlay{opacity:1;background:linear-gradient(#0000,#0003,#000000b3);transition:opacity .5s ease-in-out;position:absolute;inset:0}.recent-card:hover .recent-overlay{opacity:1}.recent-content{color:#fff;opacity:1;transition:all .5s ease-in-out;position:absolute;bottom:20px;left:20px;right:20px;transform:translateY(0)}.recent-card:hover .recent-content{opacity:1;transform:translateY(0)}.recent-content span{color:#f5b400;font-size:14px}.recent-content h3{margin:4px 0 0;font-size:22px;font-weight:600}