Дергается картинка при изменении масштаба страницы [резиновая верстка]

@Vektoralgor · Регистрация: 03.03.2019

Author24 — интернет-сервис помощи студентам

Здраствуйте, при использовании резиновой верстки деграется svg-картинка при изменении масштаба, с текстом такое не приисходит, как можно исправить дергание картинок

HTML5

<div class="TopPelletContainer">
    <div class="TopPellet">
       <img src="Pellet.svg" class="ImgPellet" alt="Pellet">
       <div class="FiveoilStation">
             <div class="Fiveoil">123456</div>
             <div class="Station">123456</div>
       </div>
    </div>

CSS

body {
margin: 0;
backgroung: grey;
}
.TopPelletContainer {
  position: absolute;
  top: 3vh;
  width: 100vw; }
  .TopPelletContainer .TopPellet {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    font-family: Akrobat;
    color: white; }
    .TopPelletContainer .TopPellet .ImgPellet {
      height: 8vh; }
    .TopPelletContainer .TopPellet .FiveoilStation {
      margin: 0 0 0 0.5vmin; }
      .TopPelletContainer .TopPellet .FiveoilStation .Fiveoil {
        font-weight: bold;
        font-size: 5.75vmin;
        line-height: 1; }
      .TopPelletContainer .TopPellet .FiveoilStation .Station {
        font-size: 3vmin;
        line-height: 0.7; }

Код

<svg width="61" height="79" viewBox="0 0 61 79" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.8539 18.1475C38.807 8.64261 31.6597 0.952544 31.5885 0.875933C31.2241 0.485152 30.7136 0.263367 30.1796 0.263367C29.6452 0.263367 29.135 0.485152 28.7707 0.875933C28.6989 0.952544 21.5512 8.64261 14.5052 18.1475C4.87993 31.1308 0 41.2091 0 48.1028C0 64.7444 13.5389 78.2843 30.1802 78.2843C46.8216 78.2843 60.3611 64.7447 60.3611 48.1028C60.3598 41.2084 55.4793 31.1308 45.8539 18.1475ZM33.1935 68.517C31.6117 68.8911 29.9813 69.0803 28.3467 69.0803C16.7327 69.0803 7.28352 59.6314 7.28352 48.0171C7.28352 46.4154 7.77634 43.5151 10.1246 38.7874C10.3605 38.312 10.9045 38.0764 11.4128 38.2277C11.9207 38.379 12.2471 38.8743 12.1844 39.4013C12.1303 39.8564 12.1033 40.2846 12.1033 40.6744C12.1033 53.1234 20.9573 63.9371 33.1561 66.3864C33.6589 66.4868 34.023 66.9246 34.032 67.4371C34.0417 67.9502 33.6924 68.3989 33.1935 68.517Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="30.1806" y1="0.263367" x2="30.1806" y2="78.2843" gradientUnits="userSpaceOnUse">
<stop offset="0.161458" stop-color="#303030" stop-opacity="0.65"/>
<stop offset="1" stop-color="#D65C56" stop-opacity="0.78"/>
</linearGradient>
</defs>
</svg>

	28.12.2020, 23:27