Images change size on mobile

Site URL: https://www.iamjustinsinger.com/

I have images on each of the pages in my film section. They are logos of press for the videos ie. Pitchfork, FADER, Stereogum etc.

They are the correct size on the desktop version of my site but when I'm on mobile they are very large and in a stacked format.

Can I make them appear the same as on desktop?

https://www.iamjustinsinger.com/film/wild-pink-the-shining-but-tropical

Add to Home > Design > Custom CSS

/* 3 logos side by side */
@media screen and (max-width:767px) {
div#page-section-5ffca32b81fa8740e19dcdbd>.row>.span-4 {
    width: 33.33% !important;
    float: left !important;
}
}

This is great!

Is there a way to do this on all the pages that have logos?

https://www.iamjustinsinger.com/film/tamalehttps://www.iamjustinsinger.com/film/harrison

https://www.iamjustinsinger.com/film/harrison

https://www.iamjustinsinger.com/film/chastity-children

https://www.iamjustinsinger.com/film/ellis-something-blue

https://www.iamjustinsinger.com/film/chastity-manning-hill

THANK YOU!

I tried your code above with each page section id and it didn't work!

Is there something I can do to replicate this effect on all the pages above?

THANKS!

url doesn't exist. https://www.iamjustinsinger.com/film/chastity-manning-hill

https://www.iamjustinsinger.com/film/ellis-something-blue

Add to Custom CSS

/* 3 logos side by side */
@media screen and (max-width:767px) {
div#page-section-5ffcb212d35b0b28545cd0ed>.row>.span-4 {
    width: 33.333% !important;
    float: left !important;
}
}

Right click on Logos > Inspect Element > Find id="page-section-.."

That worked for the pages that had 3 logos but not for the pages that have 2 logos.

Is there something different I should be doing for the pages with 2 logos?

https://www.iamjustinsinger.com/film/tamale

https://www.iamjustinsinger.com/film/harrison

https://www.iamjustinsinger.com/film/chastity-children