.partners-section { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3); gap: 10px; height: 100%; padding: 2% 5%; } .partners-section > div { display: flex; gap: 10px; height: 100%; overflow: hidden; align-items: center; justify-content: center; padding: 1%; } .partners-section-2 img, .partners-section-3 img { max-width: 100%; max-height: 100%; width: 35%; height: auto; object-fit: contain; } .partners-section-1 img { max-width: 100%; max-height: 100%; width: 40%; height: auto; object-fit: contain; } .brand-partners-slogan{ display: flex; align-items: end; justify-content: center; } .brand-partners-text{ text-align: center; display: flex; align-items: center; justify-content: center; } .brand-partners-slogan{ font-size: 4vw; font-weight: 600; } .brand-partners-text{ font-size: 1.5vw; font-weight: 500; } /* media queries */ @media (max-width: 575.98px) { .partners-section-2 img, .partners-section-3 img { width: 20%; } .partners-section-1 img { width: 30%; } .brand-partners-slogan { font-size: 8vw; } .brand-partners-text { font-size: 2.5vw; } } @media (min-width: 576px) and (max-width: 767.98px) { .partners-section-2 img, .partners-section-3 img { width: 20%; } .partners-section-1 img { width: 30%; } } @media (min-width: 768px) and (max-width: 991.98px) { .partners-section-2 img, .partners-section-3 img { width: 20%; } .partners-section-1 img { width: 35%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .partners-section-2 img, .partners-section-3 img { width: 25%; } .partners-section-1 img { width: 35%; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .partners-section-2 img, .partners-section-3 img { width: 30%; } .partners-section-1 img { width: 40%; } } @media (min-width: 1400px) { .partners-section-2 img, .partners-section-3 img { width: 15%; } .partners-section-1 img { width: 30%; } }