<div class="imageBox">
<div class="imageInn">
    <img src="https://pausethemoment.photography/wp-content/uploads/2017/07/Melbourne-Wedding-Photography-Pause-The-Moment-Beach-Wedding-Photography-610x345.jpg" alt="Sandringham Melbourne Wedding Photography - Sun sets on couple on a beach.">
</div>
<div class="hoverImg">
    <a href="https://pausethemoment.photography/contact-us/"><img src="https://pausethemoment.photography/wp-content/uploads/2017/07/Wedding-Photography-Melbourne-Limited-Dates-Overlay.png" alt="Pause The Moment Melbourne Wedding Photography" width="610" height="345" class="aligncenter size-full wp-image-14308" /></a>
</div>
</div>

.imageBox
    {
        position: relative;
        float: left;
    }
    .imageBox .hoverImg {
        visibility:hidden;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }
    .imageBox:hover .hoverImg {
        display: block;
        visibility: visible;
        opacity: 1;
    }

.imageBox .hoverimage

.imageBox:hover::after .hoverImg
        {
        visibility:visible;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        }