<div class="counter-item counter-item-1">
    <img src="img/counter-mini-1.png" alt="">
</div>

.counter-item-1
    margin: 26px 30px 30px 60px
    position: relative

    &:before
        content: url('../img/round-add.png')
        position: absolute
        top: 0
        bottom: 0
        margin: 0 auto
        height: 54px
        width: 54px
        z-index: 10

&:before
        content: url('../img/round-add.png')
        position: absolute
        top: calc((100% - 54px)/2)
        bottom: auto
left: calc((100% - 54px)/2)
        margin: 0 auto
        height: 54px
        width: 54px
        z-index: 10

before
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

&:before
        content: url('../img/round-add.png')
        position: absolute
        top: 50%
        left: 50%;
        margin: -27px 0 0 -27px
        height: 54px
        width: 54px
        z-index: 10