How to reduce size of sections so that they both fit together on the screen?

Hi there! I would like to know how to reduce the size of the orange and green sections of my website so that they both fit together on the screen? Currently they seem too big and are largely separated when viewed. I am comfortable with editing code. This is what it looks like right now:

Here is a link to the preview of my store: https://d68zbav1npvf56kw-55086776342.shopifypreview.com

Thank you!

Hello @williamk0601 :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file styles.css and add this code snippet at the bottom

#shopify-section-8f104483-6d30-4a52-bc98-a2db62408289 .image-with-text__inner,
#shopify-section-940fc3e9-e329-49c2-b5ac-b2f7d5f4814f .image-with-text__inner {
    padding: 2rem 6rem 0 6rem;
}

#shopify-section-8f104483-6d30-4a52-bc98-a2db62408289 img,
#shopify-section-940fc3e9-e329-49c2-b5ac-b2f7d5f4814f img {
    max-width: 300px;
}

The result

Hope that helps!