.collection-highlight.align-right {
  flex-direction: row-reverse;
}

.collection-highlight-info {
  flex-direction: column;
  flex: 0 0 33%;
  margin: 40px 40px 0 10px;
  
  h2 {
      font-size: 40px;
      font-family: var(--font-heading-family);
      font-weight: 300;
  }
  .rte {
      font-size: 1rem;
      color: var(--primary-black);
  }
  .\#hero-buttons, .\#button {
      margin: 0 !important;
  }
}
.collection-container {
  margin: 10px;
  padding: 20px;
  background-color: white;
  flex-wrap: wrap;
  gap: 20px;
}
.\#product-card {
  flex: 1 1 45%;
}

@media (max-width: 991px) {
  .collection-highlight.align-left {
    flex-direction: column;
  }
  .collection-highlight.align-right {
    flex-direction: column-reverse
  }
  .collection-highlight-info {
    padding: 0;
    margin: 40px 10px 0;
    .\#hero-buttons {
      margin: 0 auto !important;
    }
  }
}