Separate background image for mobile and desktop

Topic summary

A user is implementing separate background images for desktop and mobile views using CSS.

Current Issue:

  • Desktop background displays correctly
  • Mobile background appears oversized and distorted

Technical Details:

  • CSS code was provided (though not fully visible in the conversation)
  • Two different image files are being used: one optimized for desktop (3433_IMG.jpg, 828x1972px) and one for mobile (mobile-2-01.jpg, 2334x5057px)
  • The site in question is kailkae.com

Status: The discussion appears incomplete, with the user seeking help to resolve the mobile image sizing issue. No solutions have been proposed yet.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

Hi, I want two separate background images to display, one for desktop and one for mobile.
I used this code:


The desktop displays fine, however the mobile version is oversized and distorted:

What I want:

any help?

sure, its kailkae.com