Hi again @11145
Thanks for sharing your project’s read-only link.
First, I see that you’ve added both a background image and an image element. To achieve the design you’ve shared above, I recommend that you use only a background image.
Second, you don’t need to use margins and paddings in the display settings to position elements. Also, you don’t need to use positioning values to position these elements. All you need to do is nest the elements in the collection item.
See how you can fix it:
If you do it this way, you won’t even need to make a lot of changes on smaller devices.
See me build this from scratch, it’s faster than fixing it:
Also, I noticed that you have uploaded very large images in the CMS:
Large images can cause many issues and may be increasing the number of requests made on the page which slows down your site and may result in error messages. Typically, we recommend that you use images that are ~200-300kb or smaller, and for dimensions we recommend 1080px or 1920px wide to make sure they run smoothly on your site. I recommend that you compress these images before uploading to Webflow. There are many resources that you can use to resize and compress your images, tools like Photoshop, tinyjpg.com, tinypng.com, ezgif.com/resize.
Hope this is helpful. If you have any other questions, please don’t hesitate to reach out, and I’ll be happy to help!