a.grid-item .grid-image-inner-wrapper { background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease; } a.grid-item:hover .grid-image-inner-wrapper img { opacity: 0; transition: all 0.3s ease; } a.grid-item .grid-image-inner-wrapper img { transition: all 0.3s ease; } a.grid-item:nth-child(1) .grid-image-inner-wrapper { background-image: url(https://images.squarespace-cdn.com/content/v1/5608354ae4b0b215accba166/1739855007241-5FJFZIFCCVASQMW1G0G8/ezgif.com-video-to-gif-converter+%281%29.gif); }