PROBLEM WITH MY HERO BANNER

[BambooLifeCo]

Is your feature request related to a problem? Please describe.

I'm experiencing difficulties when attempting to add pre-designed images to the hero section of my webpage in Shopify. The issue arises when the image is adapted to various screen sizes, such as mobile and complete screen, resulting in unwanted manipulation and cropping of the image.

Describe the solution you'd like

I would like to have the ability to upload and use different images for different screen sizes within the hero section. Specifically, the option to upload one image for desktop, another image with specific dimensions for mobile devices, and potentially another image for complete screen viewing. This way, the images can be displayed without any unwanted manipulation or cropping, ensuring a consistent and visually appealing appearance across all devices.

Describe alternatives you've considered

One alternative would be to manually adjust the image dimensions for each specific screen size, but this can be time-consuming and may not yield the desired results. Another option could be implementing a feature that allows for image scaling without cropping, preserving the image's original proportions.

Additional context

Attaching a screenshot showcasing the current issue, where the image is not being displayed as intended due to the lack of customization options for different screen sizes in the hero section. This enhancement would greatly improve the user experience and design flexibility for Shopify users.