solution

[protocolo23]

DEMO LINK.

[protocolo23]

I am fixing the issue with the leftover edges because I am having a little difficulty, so once I finish, I will upload the updated code

[protocolo23]

I made changes to the main.scss file, but they are not affecting the image. I did it in VSCode and it is working now when I upload the code, but it seems that nothing has changed. Here is the change.
img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

@media (max-width: 600px) {
img {
width: 100%;
}
};