Mars Airlines:

Edit issue report

Description: **Description:** The background image (`/assets/bg.jpg`) is not responsive. The CSS sets `background: url("/assets/bg.jpg")` on `body#app` without any `background-size`, `background-repeat`, or `background-position` properties. This causes the image to tile/repeat at its native resolution rather than scaling to fit the viewport. Additionally, the content wrapper (`#wrapper`) has a fixed `width: 500px` with no responsive breakpoints or media queries, making the layout break on smaller screens. **Root Cause (CSS):** ```css body#app { background: url("/assets/bg.jpg"); /* Missing: background-size: cover; */ /* Missing: background-position: center; */ /* Missing: background-repeat: no-repeat; */ } body#app #wrapper { width: 500px; /* Fixed width, not responsive */ /* Missing: max-width or media queries */ } ``` **Expected Behavior:** - Background image should scale to cover the entire viewport on all screen sizes - Layout should adapt to smaller screens (mobile, tablet) **Actual Behavior:** - Background image tiles/repeats at native resolution - Content wrapper overflows on viewports narrower than 500px