@layer components {
  /* Home page specific */
  .hero__content {
    flex: 1;
  }

  .hero__image {
    block-size: 10rem;
    inline-size: auto;
  }

  .hero__device {
    flex: 1;
  }

  .hero__feature {
    text-align: center;
  }
}