Site URL: https://www.wearewatts.com/
Looking for help to change the code below so that it applies to the front page.
To be clear, click the "work" tab, the click the "live-action work" tab. Then hover your cursor over a video in the gallery. Notice how when you do this, a slightly transparent golden hue covers the video, plus the video's title is revealed and a play button enclosed inside a circle. I want this same effect to occur when one hovers a cursor over a video in the main gallery on the website's front page, too.
Website: wearewatts.com
The code for the video gallery under the "live action work" tab:
<h3 class="hide--mobile" style="text-align:center;">
<a href="/all" style="" target="_top">
All
</a>
<a href="/animation" style="padding-left:5em" target="_top">
Animation
</a>
<a href="/liveaction" style="padding-left:5em; ; color:#997b46" target="_top">
Live Action
</a>
<a href="/demoreel" style="padding-left:5em" target="_top">
Demo Reel
</a>
</h3>