How can I customize a Image with Text section?

[CreatorTim]

Hey guys, I need help editing a single Image with Text section.

 

I want to set the image to a square that’s 500x500px, and I want the text next to it to be 45px in size.

Here’s my store: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

[DaisyVo]

Hi @CreatorTim 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (min-width: 769px){
.image-with-text .image-with-text__media-item {
    width: 500px !important;
    height: 500px !important;
}
.image-with-text h2.image-with-text__heading.inline-richtext.h1 {
    font-size: 45px !important;
}
}

Here is the result: 

I hope this helps

Best,

Daisy

[CreatorTim]

Hey, I want these dimensions only for desktop, and for mobile I want:

1. The image to be 331x331px.
2. The font size to be 33px.

So how do I make it so the font is 45 and the image is 500x500px on desktop, and 331x331px with a font size of 33 on mobile?

Thank you so much!

Tim