@layer components {
  /* Home page specific */
  .hero-content {
    flex: 1;
  }

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

  .hero-device {
    flex: 1;
  }

  .feature {
    text-align: center;
  }
}