Is it possible to position the block so that it is located from the center of the screen (horizontally) a certain number of pixels to the left?

Question

css

At the same time, the block should not occupy a background (except, of course, the necessary part from the center to the left), because there will be a Google map under them and it should be usable (the map occupies the entire horizontal line). If it is possible, please show how?
Thanks in advance

Answer 1

Firefox "honestly" calculates fractional values ​​of margins, paddings, etc. and applies them when rendering SVG.
The "hack" usually works

svg {
  transform: translateZ(0);
}

https://jsfiddle.net/fdvn17o0/6/

Answer 2

margin-left: 50% left: -50px;
Where 50 is half the width of the element