@font-face {
    font-family: Outfit1;
    src: url(fonts/Outfit-Regular.ttf);
    font-weight:400;
}

@font-face {
    font-family: JetBrains1;
    src: url(fonts/JetBrainsMono-Regular.ttf);
    font-weight:400;
}


<section id="hero" class="hero">
 <div class="hero-grid">
  <div class="hero-copy">
   
   <h1>PRECISION.<br><span class="highlight-word">LAYER</span><br>BY LAYER.</h1>

   <div class="highlight-word-text">One stop solution for all your PCB needs — single-sided, double-sided & metal-clad printed circuit boards. We build circuits and relationships that last forever.</div>

   <div class="hero-buttons">
    
   </div>
   
   
  </div>
  <div class="hero-image">
   <img id="hero-img" src="gifs/top-img1.jpg" alt="Macro printed circuit board" class="cover-image">
  </div>
 </div>
</section>