.hero-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;

  @media (min-width: 46em) {
    justify-content: flex-start;
  }

  img {
    background-color: var(--clr-white);
    border-radius: 50px;
  }
}

.main-category {
  padding: 0 0.25rem;
}