How do i make banner fit across all screen size

Topic summary

Issue: Homepage top and bottom banner images display inconsistently across devices. On some laptops the images are cropped on both sides; on a desktop they are cropped at the top and bottom; on an Apple laptop they’re cropped on the sides. The requester wants a code/CSS solution to make banners fit across different screen sizes.

Update: Another participant asked for the store URL to investigate.

Latest: The URL (www.x-dream.com.au) and password (666) were provided for access.

Status: No fix proposed yet; awaiting review of the site to suggest responsive/CSS adjustments. Discussion remains open.

Summarized with AI on January 8. AI used: gpt-5.

right now on different pc or laptop my home page top image banner and bottom image banner all like displayed different size. on my laptop the image been cut on the two side, on my desktop the top image and bottom image been cut top and bottom, on my apple laptop the image been cut two side. how do i fix this? any code i can add to any file to make the banner fit all across the different screen size?

Thanks

Hello @X-DREAM
Can you share store URL?

www.x-dream.com.au

pw:666

thanks