Centering banner and images across different screen sizes

Store Design
1

Hi,

I’m trying to make sure this mini banner stays centered and responsive across different screen sizes, you can see in first photo it does (larger screen size) but in second it doesn’t (smaller screen size)

dekiv_0-1656749284953.png
dekiv_0-1656749284953.png1891×343 46 KB

dekiv_1-1656749310248.png
dekiv_1-1656749310248.png1908×300 59.5 KB

I’m trying to make it as good as the Pantry theme - Express that has something similar (see screenshot below)

dekiv_2-1656749439235.png
dekiv_2-1656749439235.png1897×319 25.1 KB

dekiv_3-1656749474484.png
dekiv_3-1656749474484.png822×291 22.4 KB

Can someone help me with the css to make it so that it stays centered and is responsive? My code below:

dekiv_4-1656749570768.png
dekiv_4-1656749570768.png1031×604 34.1 KB

2

Hello,
Please share your website URL.

3

@MandasaTech

https://evolve-meal-prep.myshopify.com/

4

Your store is password protected please share your store password.

5

@MandasaTech

you can request collaborator access and I will grant it

6

bump

7

@KetanKumar Can you help?