:root { --paris2024-spacing: 136px; --paris2024-blue: #102E67; } body, html { margin: 0; } .paris2024 { background: linear-gradient(90deg, #FFFFFF -4.54%, rgba(255, 255, 255, 0) 69.43%), url(https://.cnnbrasil.com.br/wp-content/s/sites/12/2024/03/bg-podio-cnn.png) no-repeat center center #E6E6E6; font-family: 'CNN Sans Display', sans-serif; color: #fff; margin: 0 auto; max-width: 1366px; height: 130px; display: flex; align-items: center; justify-content: space-between; } .paris2024__content { transition: all 0.3s; display: flex; align-items: center; margin: 0 auto !important; } .paris2024__logo img { min-width: 100%; max-width: inherit; } @media (min-width: 769px) and (max-width: 1030px) { .paris2024 { flex-direction: column; gap: 32px; height: fit-content; background-size: cover; padding: 40px 0; } } @media (max-width: 768px) { .paris2024 { background: url(https://.cnnbrasil.com.br/wp-content/s/sites/12/2024/03/bg-podio-cnn-mobile.png) no-repeat center center #E6E6E6; padding: 16px 0; /* height: 292px; flex-direction: column; */ color: var(--paris2024-blue); } .paris2024__content { max-width: 375px; flex-direction: column; margin-left: 0; align-items: flex-start; margin-top: 16px; } }