Audiophile e-commerce using React, Styled components, React Hook Form

Hi everyone,this is my first challenge on Frontend Mentor and the very first React app I have completed from scratch after taking the udemy course. It was a lot harder than i expected and it took me 15 days and 75 hours to complete it. I had to learn almost every day, starting from writing css to how to work with forms and react hooks. I used Context API and useReducer hooks for managing state and styled component for styling. Still i find my code messy and and think I could do better. I had a problem with changing the images while resizing the page. I used the width of the window to solve this problem but you have to refresh the page if you want the images to change while resizing the page. If anyone could let me know how to fix this i would be really appreciate it. And feedback is welcomed. Thanks!