@media (min-width: 769px) { .themed-section { height: 364px; } .themed-section { padding-top: 65px; padding-bottom: 65px; } } @media (min-width: 769px) { .info-card > * { flex: 1 1 50%; } .info-card.reverse { flex-direction: row-reverse; } .info-card { flex-direction: row; margin-bottom: 60px; gap: 40px; } .info-card-text h3 { font-size: 32px; margin-left: 0; margin-bottom: 15px; } .info-card-text p { margin-bottom: 0; } .info-card-img { max-height: 222px; border-radius: 15px; position: relative; } .info-card-img img { height: 222px; } .info-card-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 215, 0, 0.1); border-radius: 15px; z-index: 1; pointer-events: none; } section:not(.intro) { padding-top: 60px; padding-bottom: 60px; } .card-img--2, .card-img--3, .card-img--9 { object-position: center -250px; } .btn.end-section { width: 410px; } } @media (min-width: 1024px) { .btn.end-section { width: 410px; } }