Help with applying custom code to front page

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>

Hi. I see currently both are similar. Did you figure it out?