.image-transform-container{display:grid;width:90%;margin:1rem auto 0 auto;grid-column-gap:1rem;grid-row-gap:1rem}.image-wrapper{position:relative}.featured .before{opacity:0}.featured .after{opacity:1}.after{position:absolute;top:0;left:0;width:100%}.after img,.before img{width:100%;height:auto;display:block}.before{opacity:1;transition:opacity .8s ease-in-out}.after{opacity:0;transition:opacity .8s ease-in-out}.image-wrapper:hover .before{opacity:0}.image-wrapper:hover .after{opacity:1}.card .content-wrapper{margin-top:1rem;display:none}@media (min-width:768px) and (max-width:991px){.image-transform-container{grid-template-columns:1fr 1fr}.card .content-wrapper{width:calc(200% + 1rem)}.card:nth-of-type(even)>.content-wrapper{margin-left:calc(-100% - 1rem)}}@media (min-width:992px){.image-transform-container{width:80%;grid-template-columns:1fr 1fr 1fr}.card .content-wrapper{width:calc(300% + 2rem)}.card:nth-of-type(3n+2)>.content-wrapper{margin-left:calc(-100% - 1rem)}.card:nth-of-type(3n+3)>.content-wrapper{margin-left:calc(-200% - 2rem)}}