HTML Markup, Flexbox, Mobile-first workflow, JavaScript

Hi everyone! I have struggled with some parts of this challenge, specially with the positioning of some of the overlapping elements. I had some issues with the desktop version of the challenge since a white space was showing up on the right side of the screen. I managed to "fix" this applying overflow-x: hidden; in the body tag. I can't figure out why this was happening and my code might show some problems adapting to different screen sizes. I would appreciate some feedback on these issues. Thank you!!