Align images from carousel in React with outer components

I am using the library react-multi-carousel, however, I am having difficulties aligning the images so the left border from the first image aligns with the items in the outside, in this case an h2, like so:
enter image description here

And the right border from the last image aligns with the outer element, which in this case, is the “shop” button, like so:
enter image description here

This is the link to the CodeSanbox. Is this possible to do with that library?