.media-content > .flex {
  flex-direction: column;
  gap: 2rem;
}
.media-content .flex div {
  flex: 1;
}
.media-content .content-media img {
  width: 100%;
}
.media-content .content {
  padding: 2rem;
}
@media (min-width: 1024px) {
  .media-content > .flex {
    flex-direction: row;
  }
  .media-content .flex.reverse {
    flex-direction: row-reverse;
  }
}