[SeGun9]

Доброе утро, народ.

Есть такой код:

<div class="ya_maps" align="center">

<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A6730281fefcf43d1fbd19b55c3540dd91419de37436606a4e46889a1a119446a&amp;width=1098&amp;height=492&amp;lang=ru_RU&amp;scroll=true;apikey=1dd33af4-3fad-4cba-bb4f-4e2fbdf0a400" ></script>

</div>

/* . . . */

@media (max-width:1000px){
 .ya_maps {
 
position: relative;
text-align: center; 
max-width: 1330px;
    top: 50px;
    left: 125px;     
 }
}

/* ..... */

@media (max-width:600px){
 
 .ya_maps {
 
position: relative;
text-align: center; 
max-width: 1330px;
    top: 300px;
    left: 12px;  
 }
}

. . .

Ссылка на сам сайт

Вопрос вот какой:
Каким образом лучше отобразить яндекс-карту при @media (max-width:600px)
Подставить другую ссылку (если да то как)?
Или же каким то образом масштабировать изображение этой ссылки?
Сейчас центр изображения съезжает.