Начиная с go немного с ума с этим.
У меня есть фигура SVG, которую я пытаюсь разместить в нижней части div, на неопределенный срок. Проблема в том, что на мобильном телефоне форма движется.


Это мой css:
background: #455A64;
padding-top: 10rem;
padding-bottom: 5rem;
min-height: 500px;
&::after {
content: '';
position: absolute;
width: 100%;
max-width: 100%;
height: 662px;
background-image: url(/towers.svg);
background-repeat: no-repeat;
background-size: auto;
left: 50%;
top: 0;
background-position: right bottom;
transform: translate(-50%);
}
Какой лучший способ сделать это?