How to keep decorative images in place?

Hello everyone,
I’m currently updating my portfolio, and it’ll be more on the decorated side this time around. And for one of my projects, I wanted to have a rotating star on the side of it, since it’s my most recent Project.
I’m having trouble keeping it in place, I’ve tried making it relative and the other options, but it only becomes relative to the body and moves when I preview on bigger screens (example being my attached screenshots).

It’d be appreciated if I could get advice on how I can make that gif (and other decorative add-ons) static in a specific place, or in the space of my website, so to speak.
Thanks!



Here is my site Read-Only:
https://preview.webflow.com/preview/meras-portfolio-5ff990?utm_medium=preview_link&utm_source=designer&utm_content=meras-portfolio-5ff990&preview=7853cb069d9da76c4d053c6cf3c7af77&pageId=6646ee460869d8afd59ccbea&locale=en&workflow=preview

hi @MERA_MATHEWS Feel free to take some course in video or written format of you choice as positioning is very easy to understand and it is one of core principles you should master . :man_shrugging:

Anyway, place your star image inside wrapper (beside your heading and paragraph). Set wrapper to “relative” and star image to “absolute” and than adjust its positioning.

done

This is how i like to do it, put there are many different ways!


1 Like

Thank you! I had the wrapper as static, I guess I overcomplicated it in my head!