Ideas for solving image crop issue

Site URL: https://gw-draft1.squarespace.com/our-work/ledbury

Site pass: bekind2020

Section in question: "Creating Opportunities" near bottom of page

-----------

I'm utilizing a variety of "plug-ins" to achieve a desired site layout. The main one in particular allows you to create full-bleed, grid-style layouts via flex box. [https://courses.schwartz-edmisten.com/bundles/custom-layouts-in-squarespace]

On this page, "Creating Opportunities"  is actually just one section, with a background image (the collage), and text block (the caption). Schwartz-Edmisten's CSS code separates these elements so they stack side by side. My issue is between the screen widths of 1310-850px, the background image gets cropped on the left side. ( I can handle the code under 850px.)

My first thought was to make the caption side's background transparent, but I couldn't quite get there--and I'm not sure it would solve the issue.

Does anyone have any ideas? Thanks so much in advance!

I see transparent here. Do you still need help?

@tuanphan  I am still seeing the collage image get cropped on the left-side by the caption / the caption's background, so yes I still need help! Can you share a screenshot of what you see, please?

@tuanphan, I just altered the built-in domain name so your link didn't work, sorry about that.

I also ended up changing the background image a bit and that seemed to solve my problem for the most part.

I appreciate your attention and time!