Hero Background Image on Mobile

I have a hero background image that looks great on Laptop/Desktop but in mobile the image becomes unrecognizable. When I shrink my screen to mobile on my laptop it still looks great but on my actual iPhone the image is pretty much pixelated beyond recognition.

Here is the link:

https://idstrash.com/

and here is a screenshot of the page on my actual phone:

https://coming-soon.serverbox.net/joomshaper/Screenshot%202025-01-08%20at%2012.08.52%20PM.png

Is this something where I need to create a separate page for mobile and use a different/smaller image for mobile?