@media (min-width: 768px) {
  .hero-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }

  .hero-text {
    flex: 1;
    padding-right: 2rem;
  }

  .hero-image {
    flex: 1;
  }

  .features-section .container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .features-image {
    flex: 1;
  }

  .features-content {
    flex: 1;
    padding-left: 2rem;
  }
}