Image not found

Question

I’m redoing a client’s website and the images don’t show up

The html:

<section class="u-align-center u-clearfix u-image u-shading u-section-1" href="img/pedrafundo2.jpg" data-image-width="1280" data-image-height="853">
      <div class="u-clearfix u-sheet u-sheet-1">
        <h1 class="u-text u-text-default u-text-1"> Mesas por Medida<br>Casa & Hotelaria</h1>
        <p class="u-large-text u-text u-text-variant u-text-2"> Fabricamos mesas altas, baixas, compridas, largas, 100% Personalizadas ao seu gosto! Preparadas para um uso diário e intensivo!</p>
        <a target="_blank" href="https://www.youtube.com/channel/UCZbv8-ylGYp4PITuZ-d-kqQ/playlists" class="u-border-none u-btn u-button-style u-hover-palette-5-base u-palette-5-light-1 u-btn-1"> Veja os nossos testes de resistência</a>
      </div>
    </section>

The css

.u-section-1 {
  background-position: 50% 50%;
  background-image: url('img/pedrafundo2.jpg');
}

the other mods are just visual for the text and stuff

in the tool google inspect on the console I found a warning saying "ERR_FILE_NOT_FOUND"