Change styling on portfolio raster image/text

Hello,
I’m trying to adjust the image size for the portfolio grid raster, which is working fine on my desktop, but not on mobile.
This is the desktop view:

This is the mobile view:

I used the following code change the style:

.grid-image img { 
    width: 150px !important;
    max-width: 150px !important;
    height: 150px !important;
    margin: auto !important;
}
.frontpage-leistungen .grid-entry-title { font-size: 18px !important; }
.frontpage-leistungen .grid-content { text-align: center !important; }
.grid-entry  .image-overlay { display:none; }

Also the text style doesn’t change on mobile view.
What should I change on my code?

Thanks, Enrico

• This topic was modified 6 years, 5 months ago by enricobaumgart.