I put a little picture on top of the headings but the picture is too close to heading text. I gave all three heading texts a class of section-decor and tried to use padding with it, but it moves the picture and text together and doesn’t separate them at all.
You should put
margin-bottom on the
:before pseudoelement (the content on
:before/:after is sort of inside the element).