Profile card component main

Hi guys! This is my solution to the challenge "Profile card component main". I started this challenge thinking it was going to be easy, but I struggled a bit with the positioning of the user's profile (.user-photo) image and with the background patterns (.top-bg and .bottom-bg). I managed to position them (thanks to Indian Youtube guy haha), but I feel that something is wrong, maybe my way of seeing things complicates the stuff. Anyway, I would appreciate if you have any tips on the positioning of the profile image and the background patterns and their responsiveness. And also if you have any tips on how to make my CSS code shorter and cleaner, I would love it. Thanks guys!