Why can't I see my image in the image banner after code modification?

I have recently used this code to remove an image from the “Image with text” section in my website :

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    display: none;
}
.image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--top.grid__item {
    display: none;
}
div#ImageWithText--template--20068958372138__55f27939-aeb7-416b-914d-ba076f06e662 {
    padding-left: 20%;
}

link to where i got the code can be found here :
Remove an Image - Shopify Community

But now when i add an image banner i cannot see the image. I would appreciate it if someone could help me find a way of having an image on the image banner but not having an image on the “Image with Text” section

Here is what the image banner looks like (the image that u see is the background and not part of the image banner):

@julianojg , Hope you are doing well.

could you please share your store URL?

https://2udaakv7seb05tjx-79570010410.shopifypreview.comhttps://grillitt.co.uk/?_ab=0&_fd=0&_sc=1

Could you please share the password of your store as well

1234

Currently, I can see the banner image on your website. did you make any changes?

Could you send me a screenshot please

any update?

Just try removing the CSS you have added lastly.