Hi Dan, thanks for your help. Here's the code:
For the code block on the page, this is what I used which includes the URLS of the two images.
<div class="image-swap"> <img src="https://static1.squarespace.com/static/62f3cffc493e186006918632/t/630f7d2baf5afb34fc1f668c/1661959471742/cabernet-sauvignon-everly-farms-winery-minnesota-wines-mn-web.png">
<img src="https://static1.squarespace.com/static/62f3cffc493e186006918632/t/630f7d465b47932cc38280d3/1661959496503/cabernet-sauvignon-what-are-the-best-wineries-in-mn-b%26w.png">
</div>
Then is the Custom CSS part I put this code:
<a href=https://everlyfarmswinery.com/cabernet-sauvignon>
.imape-swap img:nth-child(1) {position:absolute;
transition: 1s;
}
.imape-swap img:nth-child(1):hover {opacity:0;}
</a>