How to absolutely position a background image AND keep it mobile responsive friendly
When viewing this header on a full size screen, the butterflies are in the exact position they need to be in. The small butterfly on the left is about 10px to the right of the marker tip. I would love to find a way to keep that butterfly 10px from the marker tip no matter what size the screen. The butterflies on the right can go off the page and out of the viewing area as long as the left butterfly stays put.
Do you think it's possible? If so, can you point me in the right direction? Thanks!