.flex-vertical {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.mobile-reverse {
  gap: 2rem;
}

@media screen and (min-width: 480px) {
  .mobile-reverse {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  
  .mobile-reverse > div {
    width: 48%;
  }
}

@media screen and (max-width: 479px) {
  .mobile-reverse {
    flex-direction: column;
  }
  
  .mobile-reverse > div:first-child {
    order: 1;
    margin-bottom: 2rem;
  }
  
  .mobile-reverse > div:last-child {
    order: 2;
  }
  
  .mobile-reverse .cover-image {
    width: 100%;
    height: auto;
  }
}