.dd-card-grid.grid{display:grid}
.dd-card-grid.masonry{column-fill:balance}
.dd-card-grid.masonry .dd-hover-box{break-inside:avoid;margin-bottom:24px}
.dd-hover-box{position:relative;overflow:hidden;cursor:pointer}
.dd-card-link{position:absolute;inset:0;z-index:5}
.dd-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(0.77,0,0.175,1)}
.dd-hover-box:hover .dd-bg{transform:scale(1.15)}
.dd-overlay{position:absolute;inset:0;opacity:0;transition:.4s}
.dd-hover-box:hover .dd-overlay{opacity:1}
.dd-center-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:.5s;z-index:2}
.dd-hover-box:hover .dd-center-img{opacity:1;transform:translate(-50%,-50%) scale(1)}