#banner-container-home { display: flex; width: 100%; margin: 10px auto; align-items: center; justify-content: center; } .image-container-home { position: relative; width: 22%; overflow: hidden; text-align: center; } #home-banner-text { width: 78%; margin-bottom: 30px; font-size: 1.875rem; line-height: 3rem; color: var(--accent-color); } .home-banner-header { margin-bottom: 1rem; font-size: 2.8rem; font-weight: 600; } #banner-home-subtitle { width: 95%; padding-right: 5%; font-weight: 250; line-height: 1.75rem; color: var(--text-color); } #banner-home-subtitle p { font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 1rem; } #banner-home-subtitle a { font-weight: 400; } .banner-home-img { aspect-ratio: 1 / 1; max-width: 15rem; max-height: 15rem; width: 100%; height: auto; border: none; } @media only screen and (max-width: 600px) { #banner-container-home { display: block; margin: 0 auto; } .banner-home-img { max-width: 12rem; max-height: 12rem; } .image-container-home { width: 95%; } #home-banner-text { width: 95%; } }