How do you center an image in the middle of an svg?

I’m trying to get the square box in the middle of the svg.


It’s the png you have as a background image on the SVG element that you want to center right? Are you talking about the center of the triangle or the container?

You can use background-position to center the png (background-position: 50% or background-position-x and background-position-y with whatever values you need).

I got it

.container-left .jacketd .coversvg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background: url("") no-repeat 30% 50%;