Responsive Order Summary Component using Flexbox

The main difficulties I faced while building the project are:

• Positioning the music svg icon
• Trying to get the order Annual Plan box ready and looking good
• The change button, I wasn't able to do it so I've just removed it
• The positioning of the overall component as a whole

The area of my code that I am unsure of is the plan area: Annual Plan area with the pricing and the positioning of the svg icon and its responsiveness to different screen sizes.

Regarding questions about best practices, I would like to receive views and critiques on the overall project and code as a whole: The structuring of the web page and the styling and overall, the entire project as well as the areas mentioned above.