How to fix image losing shape

I want a script that increases both up and down and left and right at the same time, so that this doesn’t happen to me

I now use 2 scripts for image tranformation

  1. (base.css)

a.button.button–primary {
opacity: 1 !important;
}

.banner__media:first-child {
width: 100%;
}
.banner__media+.banner__media {
display: none;
}
@media screen and (max-width: 749px) {
.banner__media:first-child {
display: none;
}
.banner__media+.banner__media {
width: 100%;
display: block !important;
}
}
@media screen and (max-width: 749px) {
.banner__content::before{
padding-bottom: 150% !important;
}
}

2.in picture custom css

@media screen and (max-width: 770px) {
div.banner.banner–content-align-center {
height: 300px !important;
}
}

goorde.com

password:kurac

@Filip02 oh sorry for that issue can you please upload SVG file that would be great all device resolution

Sory for late reply where to find that file

@Filip02 you have convert your master file to svg many option are available in google but make sure your original image best quality