Hi,
your images are looking fine on my end, as you can see here.
The code I gave you in this topic has to be adjusted if you want to change the image size.
Currently you are using this
#mobile-menu .mega-menu .sub-menu li:nth-of-type(1) a::before,
#main-nav .mega-menu .sub-menu li:nth-of-type(1) a::before {
content: "";
background-image: url('https://i.hizliresim.com/rOZM4V.jpg');
background-size: cover;
display: block;
padding-top: 71.4%;
margin: 0 0 20px 0;
}
The images that you are currently using are 350 x 250 px.
Since 250/350 = 0.714 you’re using padding-top: 71.4%
.
If you’re changing the image size to 250 x 150 px you have to use padding-top: 60%
since 150/250 = 0.6.
You have to calculate the right padding and use this in the code you’re using.