Основной макет контента перерывается, когда я добавляю новый раздел ⇐ CSS

[Anonymous]

Всякий раз, когда я пытаюсь добавить новый раздел, мой основной контент ломается, и у меня возникают проблемы с его исправлением. < /p>
body {
background-image: url('https://files.catbox.moe/wo1o4x.jpeg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
/* font family */
font-family: 'Orbitron', sans-serif;
color: white;
/*make body flex ("Thanks to Heart helping me figure this out")*/
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
/* adjust to 100vh if want full viewport height */
margin: 0;
/* Remove default margin */
padding: 0;
}

.Main-content {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
}

/* glass effect */

/* From https://css.glass */
.glass-effect {
background: rgba(255, 248, 248, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 248, 248, 0.3);
padding: 20px;
margin: auto;
margin-bottom: 50px;
/* Center the glass-effect div within Main-content */
}

img {
border-radius: 50%;
width: 120px;
height: 120px;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... ew-section