Shrinking images with absolute positioning

Hi,

I’d appreciate any help I can get with this class project. I figured out how to use absolute positioning on the two icons on top of the hero image to get them to stay where I want, but how do I then get those icons to scale down at smaller sizes. By the time you get to the phone size, the icons actually overlap. Do I need to have separate images at different sizes? I would have thought there was some way to use % or VW/VH in css, but nothing I’ve done works!

Thanks!


Live site: http://vicious-cycles.webflow.io/
Here is my site Read-Only: Webflow - Vicious Cycles
vicious

Add dimensions for devices

http://vincent.polenordstudio.fr/snap/Webflow_-_Vicious_Cycles_2018-11-27_18-54-26.png