Streaming live at 10am (PST)

Shrinking images with absolute positioning


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!


Live site:
Here is my site Read-Only:

Add dimensions for devices