When you re-upload, make sure the full address to index is in the live site...
You can have a grid or flex, and have the images for the hero set ro display: none", then a media query to make the display grid or flex appear and certain width... and then the other image to not dispLAY (display: none) same time.