Hi,
I appreciate your help in resolving a design-related question.
I need to replicate the design from the attached mockups for both PC and mobile versions.
PC version
This image is hidden for guests.
Please log in or register to see it.
Mobile version
This image is hidden for guests.
Please log in or register to see it.
I've noticed that Gantry styles allow adding a background image, but I’ve encountered some limitations:
- I don’t want the background image to remain visible across the entire website when scrolling.
- In my tests, this option doesn’t resize properly on mobile.
I'm looking for an alternative that allows me to:
- Add a background image that includes the central black circle with text and occupies only the first screen on both PC and mobile.
- Adjust the image cropping in the mobile version or, alternatively, have the option to display a different image for each version.
I’d appreciate any guidance on how to achieve this effectively.
Best regards.