.portfolio-grid-simple .grid-item:hover .grid-image { opacity: 1; } .portfolio-grid-basic .grid-item .grid-image-inner-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; transition: opacity 0.75s; } .portfolio-grid-basic .grid-item:hover .grid-image-inner-wrapper:after { opacity: 1; } .portfolio-grid-basic .grid-item[href="/home/crayola"] .grid-image-inner-wrapper:after { background-image: url(https://images.squarespace-cdn.com/content/v1/5f9c4de70e68410fb0be67be/1604079089482-W20U9IV6LYG4XDQ03C7C/Starb+Mockup+3.jpg?format=2500w); }