Product Preview Component

This was the first challenge I applied concepts of responsiveness, but I didn't use mobile-first. That's something I intend to try next. I had some difficulties in the case of the image, I do not know if the best was to declare a background image to solve the challenge. After having already completed 90% of the work I went to search the images and saw display: none and <picture> , which would be better to use? The <picture> allows you to declare the screen size, I would love some tips on this! I also appreciate any other comment on the code