css z-index issue with given content and position property [duplicate]
You can do it using CSS3 transforms. You added position:relative to parent so stacking context prevented it from going behind.
Add below style to .brand
transform-style: preserve-3d;
And add below to pseudo elements
transform: translateZ(-1px)
Working fiddle