@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; } } @media (min-width: 800px) { .pros-desk { display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 40px; } .cons-mob { display: none; } .ps-card { width: calc(50% - 20px); margin-bottom: 0; padding: 60px 30px; } .pros-and-cons h2 { font-size: 42px; line-height: 50px; } .pros-and-cons h3 { font-size: 32px; line-height: 38px; text-align: center; margin-bottom: 40px; } .ps-text { font-weight: 700; font-size: 28px; line-height: 40px; } }