Eliminating non-relevant elements
Outside of the body container and sidebar we have backrgound elements in viewport of desktop (such as the image of clouds in our case) which physically impossible to embrace in responsive version because of the small viewport size. In this case the only solution is to make these elements invisible. Be noted that can be eliminated only the design elements which doesn't contain any functionality.
[id^="cloud"] { display: none; }
Type: