HTML AND CSS - Why Images Aren’t Showing

Question

Good evening guys all right? can you help me? understand why the photos are not appearing on the site? here follows css of them.

here follows the html photo with the Divs

And here’s a picture of the model of the facul site that I’m designing for training. the idea is to put the photos in the same biomedicine format close to the course name pasted on the black border.

the site does not send more than 2mbs. even so if you can help me I started moving 14 days ago and I’m enjoying it a lot and learning every day.

Answer 1

You left height:25%; move to px em or rem will appear. You can also set a min-height:

   #bio{
    background-image: url("https://vaidebolsa.com.br/wp-content/uploads/2019/12/biomedicina.jpg.webp");
    width:238px;
    background-size:cover;
    background-repeat:no-repeat;
    height:25rem;
   }

Try to use it this way that will appear.

Answer 2

Try to download the images and use them locally within the project or... in the div that is involving these disciplines places a: style="display: flex; flex-Direction: column; align-items: center; Justify-content: center;"