Может ли кто-нибудь помочь мне центрировать изображения в медиа-запросе. Если я скрою переполнение, меню Burger не будет ⇐ CSS

[Anonymous]

Может кто-нибудь помочь мне центрировать изображения в медиа-запросе. Если я скрою переполнение, меню Burger не будет работать. Я относительно новичок в программировании и буду признателен. Я пробовал несколько дней, чтобы найти решение, но, похоже, я понял это правильно. Либо я не показываю переполнение, и меню Burger не работает, либо изображения не центрированы. CSS-код:
@media(max-width: 850px){
*{
color: black;

}
body{
background-image: none;
background-size: cover;
background-color: rgb(19, 197, 63);

}
.toggle_button{
display: flex;
left: 25px;

}
nav ul{
height: min-content;
width: 100%;
background-color: #008B00;
display: none;
position: absolute;
top: 60px;
z-index: 2;

}
nav li{
height: min-content;
width: 100%;
z-index: 2;
}
nav ul a{
padding: 15px;
justify-content:left;
z-index: 2;
}
#toggle_button:checked ~ ul{
display: block;
}
.Logo{

top: 4px;
width: 10%;
z-index: 5;
left: 30%;
}

.livingroom-image{

left: 35%;
max-width: 50%;
}
.middle{
top: 350px;
left: 175px;
}
.badezimmer-image{
left: 35%;
max-width: 50%;
}
.middle2{
top: 150px;
left: 255px;
}

.küche-image{
top: 190%;
left: 35%;
max-width: 50%;
transform: translate(-50%, -50%);
}
.middle3{
left: 520px;
}
.schlafzimmer-image{
top: 115%;
left: 35%;
max-width: 50%;
}
.middle4{
top: 525px;
left: 290px;
}
.umgebung-image{
top: 80%;
left: 35%;
max-width: 50%;
}
.middle5{
top: 300px;
left: 660px;
}
.hauswand-image{
top: 150%;
left: 35%;
max-width: 50%;
padding: 5px;
}
.middle6{
top: 520px;
left: 550px;

}

}


HTml-код:

!DOCTYPE html>




FeWO „op Hahnendel“
[*]

• Kontakt
• Ausstattung
• Impressum

Wohnzimmer












Badezimmer












Küche












Schlafzimmmer












Umgebung












Aussen












´´´



Подробнее здесь: https://stackoverflow.com/questions/793 ... e-overflow