Profile Card using HTML + CSS (Flex, BEM) questions about spacing + bg

Hi community!

This challenge was a great way to apply CSS fundamentals and BEM, which I've recently been spending time learning on a deeper level. Overall feedback is greatly appreciated!

Two specific requests for feedback:

• when using position: relative; to offset .profile-picture img, there's an issue with leftover white space of where the img would originally be positioned in the document flow – looking for a more efficient approach that prevents this awkward spacing!
• working with the background SVGs threw me a for a loop, as bg-pattern-bottom.svg seems to be causing the page to scroll

Thanks in advanced! 😄