Background color only loads after page flip

[lisaerys]

Hello, I've divided the Scroller div into two divs (div 'left' and div 'right') in order to have an color on the left side (with transparent image on top) and text on the right side.
However, the background color on the left only loads after the page flip animation is done.

The background color on each page/item is different. So #item1 is purple, #item2 is pink, etc.

1. You go to the site: background loads together with the rest (no delay)
2. You click on the arrow to go to the next page: as soon as you click, the background color changes to white.
3. The page flips.
4. As soon as the animation of the page flip is finished, the correct background color appears again.

This is the element I use to give color to the background:
#item1 .left{ background-color:#fed330; }

The structure is as follows:
<div class="scroller"> <div class="left"></div> <div class="right"></div></div>

If I change the right div to the same background color that the left div has, the same thing happens. I think the animation is somehow overriding the background color of the pages.

Which element in which css/js document do I need to change to keep the color the way it's written in the css? Adding !important to the css doesn't work.

Thanks in advance!

[OliwiaWiduto]

Hey, having the exact same issue :(

Did you ever find a solution?