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

HTML-CSS
1

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

Code:
https://jsfiddle.net/0soLjvrp/

2

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).

3

I got it

.container-left .jacketd .coversvg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background: url("https://i.imgur.com/cZ8OKm5.png") no-repeat 30% 50%;
}