.cards-wrapper{display:flex;flex-wrap:wrap;gap:20px}.cards-wrapper .row{display:flex;flex-direction:row;gap:20px;width:100%}.listing-blog .card.small{width:35%}.listing-blog .card.large{width:65%}.listing-blog .card{overflow:hidden;position:relative}.listing-blog .card img{display:block;filter:grayscale(1);height:500px;object-fit:cover;position:relative;transition:transform .8s ease,filter .8s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,filter;z-index:1}.listing-blog .card:before{background:#3a0d0940;content:"";inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:2}.listing-blog .card:hover img{filter:grayscale(0)}.listing-blog .card:hover:before{opacity:0}.listing-blog .card .card-content{background-color:rgba(0,0,0,.4);height:fit-content;inset:0;padding:8px 20px;place-items:center;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .5s ease;z-index:3}.listing-blog .card .card-content h4{color:#fdfdfd;font-style:normal;font-weight:500;letter-spacing:2.8px;margin-bottom:0}@media (max-width:768px){.cards-wrapper .row{flex-direction:column}.cards-wrapper .card{height:300px;width:100%!important}}