Нет адаптивного изменения размера изображений? Не понимаю, в чем проблема

Question

Я масштабирую страницу, но изображения имеют тот же размер. Какой правильный способ?

html:

               <div class="hello-page-top-menu">
               <a href="#"><img class="logo" src="../Maket1/assets/img/Logo.svg" alt="shopno"></a>
               <img class="burger-menu" src="./assets/img/Burger-Menu.svg">
               </div>

CSS:

.hello-page-top-menu  {
display: flex;
flex-direction: row;
justify-content: space-between;
}

.hello-page-top-menu img.logo {
cursor: default;
max-width: 100%;
height: auto;
}

.hello-page-top-menu .burger-menu {
cursor: default;
max-width: 100%;
height: auto;
}