Hyperlinks not working in full width image

My hero image and “What’s Happening” images are not showing signs of hyperlinking/hover. I hand coded my a href and also linked the images using the tool within WordPress.

Both images are set-up in text boxes, but I did this because my template was not designed to contain full-width images and other ways of coding the images didn’t seem to work. To create the full width I used custom html and css to make things work.

This is how I have the image coded:

<div class="update" style="width: 750px; margin: 0 auto;">
<div class="home-update"><a href="https://www.rawhide.org/rawhide-acquires-chaps-academy/"><img src="https://goo.gl/N9veaG" alt="" width="100%" height="412" /></a></div>
</div>

 .home-update{
width: 100vw;
 position: relative;
 margin-left: -50vw;
left: 50%;
 z-index: -1;
}

@media screen and (max-width: 768px) {
    .home-update{ 
        display: none;
 
    }
}

• This topic was modified 6 years, 7 months ago by Jan Dembowski.
• This topic was modified 6 years, 7 months ago by Jan Dembowski.

The page I need help with: [log in to see the link]