Tab section content responsive behavior

Hi there,

I am using the tab section in enfold. My problem is that my images (or if I change the order my content) has a different responsive behavior as in your demo: https://kriesi.at/themes/enfold-2017/elements/tab-section/

At the moment I have on the left side text and on the right side an image. When I resize the Browser the image doesnt shrink but rather gets cut. If I reverse the order and put Text on the right the same happens to the text.

I looked a bit into the code and this part

.av-layout-tab-inner .container

caught my attention. It seems to behave different in your demo than on my website. While you have a predefined space with padding that shrinks, on my website this part goes on the right side “beyond the screen”. Like a slider.
I compared the code a bit but I couldnt spot any difference that would cause this behavior. Maybe you can point me into the right direction what I am missing.

My Goal:
I want to be able to put any content images and or texts in the tab section and on resizing the content should just shrink within the same row until it reaches the predefined breakpoints and eventually split into rows. Basically as in your demo.

Thank you.
Jannis