Question regarding image replacement in bootstrap template

[darkpijem]

Hello. I have this project in GitHub:

https://github.com/DarkPijem/PianoTeacherForAdults

I have this (picture doesn't work)

1.jpg


When I try to change the picture in the /img folder I get a bad fit to the screen with white spaces. (picture doesn't work)

1.jpg


I tried adding width and height in the HTML, but it didn't have any effect.

I would appreciate any help.

Add: For those who don't see the pictures, I am trying to replace an image in the index.html file, but it doesn't fit in after I replace it.

the index text in the relevant place is:

<section class="p-0" id="portfolio">
<div class="container-fluid p-0">
<div class="row no-gutters popup-gallery">
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://youtu.be/aQPOK8YGEvM">
<img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>

Thx
Darkpijem

[darkpijem]

Matter solved.