Really stuck mobile version CSS

I have posted something about this already (and deleted to post so I do not add more about the same thing lol). I am having issues with the Additional CSS “configuration” where one image is not in the same row as the other two (please see the image below):

​

https://preview.redd.it/x2aelev60t3d1.jpg?width=1179&format=pjpg&auto=webp&s=41ff331ce2c16533aff0556838fcebb3a36f7d7b

Where I am trying to achieve something like this:

​

https://preview.redd.it/u1rqlu1i0t3d1.png?width=933&format=png&auto=webp&s=422437fbc9f25f977d95efb993bc6a6ddafc25b8

And this is what I have right now for the Additional CSS:

@media screen and (max-width: 600px) {
.logos-wrapper {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
}

.logos-wrapper img {
display: block;
}

}

I have followed the instructions of really cool people on Reddit but I do not get any changes 😔 also I checked the Console in Google Chrome and the changes in there for CSS are applied, and I tried to add those commands, but nothing still.

I feel really stressed out because the client has been really patient with me but I really want to get it completed as soon as possible.

Thank you so much in advance!

​

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer