Class isn't working like I thought

HTML-CSS
1

https://codepen.io/gtrman97/pen/jOVpzLw

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.

2

You should put margin-bottom on the :before pseudoelement (the content on :before/:after is sort of inside the element).