How to Wrap Skewed Image from Overflowing

Question

How can I avoid the animated skewed background image - #left-1 from overflowing? https://z1.golddigitaldesign.com/

Codes that I have tried:

// CSS

#left-1-wrap {
overflow: hidden;
}

#left-1 {
position: relative;
-ms-transform: skewY(-70deg);
-webkit-transform: skewY(-70deg);
transform: skewY(-70deg);
transition: all 0.5s ease 0s;
}

// JS - GREENSOCK LIBRARY

TweenMax.to("#left-1", 20, {skewY: '180deg', rotation: -180, ease: Power0.easeOut, repeat:-1} );

Thank you!

Answer 1

Try to specify height and width of #left-1-wrap