Responsive skilled e-learning landing page

the biggest challenge i faced in this project had to do with the large image in the upper right side, and how it continues off of the page. the issue i was running into was that it was either creating a horizontal scroll bar or if i declared the content wrapper as overflow:hidden, too much of it was being cut off. I eventually found a way to make it work by declaring the html element to have overflow-x: hidden but i would love to hear if there's a better way to do it.