How to achieve such horizontal line going through (under it with lover z-index so its not visible actually through image) SVG logo image but so that it doesn't touch image on sides, as we can se here, there is gap between line and image on each side of image. Tried already setting container of image as relative and adding ::before pseudoclass on it, setting this thin line as:
&:before { content: ''; position: absolute; top: 50%; left: 0; border-top: 1px solid $whiteColor; width: 100%; transform: translateY(-50%); }but it goes through SVG logo and is visible through it. I want to achieve this:
