Split background into 50/50 column (Focal Theme)

Hi, I try to split my section background into a 50/50 column to add 2 images side by side like in this example.

What I have so far is this:

But if I use the following code, all I get is this:

The code snipped for the image:


And on Theme.css this one:

```css
@media screen and (min-width: 1000px) {
 
.split-image-overlay__image-wrapper,
.split-image-overlay__image {
  position: absolute;
  top: 0;
  width: 50%!important;
  float: left!important;
  height: 100%;
  overflow: hidden;

With the .content-wrapper for the text it was possible but with the background image it doesn’t seems to work.

Is it possible to solve my problem? At the end, the pictures have to be stretched to full width while the content boxes have to be inside the main container so they don’t stretch to infinity. (The content boxes are already into the container)

I hope someone can help, Thanks!

Hi @Dev-Steve
We have not the focal theme to check the code, In this case you can contact with theme supporter, they will help you update your code, or you can share the access, then we will help you check on your store

Hi @ExpertRookie thank you for your reply!

I can’t share the store access with you because I’m only the developer. But I can share the section.liquid file with you.

The file here.

Thanks for your help.