.card { display: flex; flex-direction: row; box-sizing: border-box; } .card aside { flex: 0 0 calc(287rem / 16); margin-right: calc(24rem / 16); } .card aside img { width: 100%; margin-bottom: 1rem; } .spacer { margin-top: calc(76rem / 16); } .card h1 { font-size: calc(24rem / 16); font-weight: 700; font-style: normal; margin-top: 0; margin-bottom: 0; color: var(--blue-2); } @media only screen and (max-width: calc(768rem / 16)) { .card { flex-direction: column; } }