How to edit related products

The related products element is in product.html.

The style is found in app/css/scss/elements/_relatedProducts.scss

The markup of the element looks as the following:

 <section class="related-products pgt-80 ">
   <div class="title-block txt-center">
     <h2 class="title-block__title title-block__title--home">Related products</h2>
   </div>
   <div class="container-fluid">
    <div class="row">
     <div class="col-12 col-md-3 align-self-center gutter-30">
      <div class="col-wrapper-img">
       <a class="img-link" href="product.html">
         <img src="images/store-product_01_03.png" class="img-fluid image-cover-fit image-box-img" alt="" title="about-chefs">
       </a>
       <div class="img-overlay txt-center">
         <div class="title-block txt-center">
           <a href="product.html"> <h3 class="title-block__title--hover">Black Hoodie</h3></a>
        </div>
        <div class="hover-price">
          <span class="" ><sup>$</sup>25.0</span>
        </div>
        <div class="add-to-cart"><a href="#" class="add-to addtocart-trigger" data-quantity="1" data-price="25"> <span>Add to cart</span></a></div>
        </div>
     </div>
 </div>
....
</div>
</section>