Image in sticky column overlays next row

I do not know if this question has been asked before, but I have not been able to find it in this forum. I have created a column inside an ‘inner row’ and chosen for the column to be sticky. The content in the column is an ad box with an image. When you then scroll down the page, this image/ad box overlays the next row, and it’s like the image flickers. How do you correct this behavior? I want the image/ad box to stay within the row

Thank you! The page is under construction, but you can see the ad box with an image in the far right column. I will paste the column’s settings below.

https://www.fabonomi.se/stg_525ca/

Thank you! The behavior still seems to be the same when scrolling down the page as you can see.
I mostly use an extra class to remove the column for a certain screen width with liveCSS.

@media (max-width: 1100px) {
.stickycol {
width: 100%;
position: static;
}
.stickycol img {
display: none;
}
}

Thanks!
Here is a link to a video

https://www.dropbox.com/scl/fi/465bn7cu583iwxnjakj5u/fabonomi.se-Google-Chrome-2024-03-08-16-10-52.mp4?rlkey=mxkrtj10of3eg0zjkdfovj32f&dl=0

I tried removing the code in LiveCSS, and I still get the same result. It looks neat in your video though. Could it be the layout? I have created my own layout with 3 columns. The first column should take up 50% of the width, while the other 2 take up about 25% each. I have created this layout with row, column, inner row, and inner column. Maybe there is another best practice?

Thanks. I just sent it now.