collection

<style>
  .team-section {
    background-color: #e85c2a;
    padding: 60px 20px;
    text-align: center;
  }

  .team-heading {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-family: "Georgia", serif;
    letter-spacing: 2px;
    margin-bottom: 50px;
  }

  .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 1600px;
    margin: auto;
  }

  .team-card {
    text-align: center;
  }

  .team-img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border: 8px solid #fff;
  }

  .team-name {
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "Georgia", serif;
  }

  .team-role {
    color: #ffd6c2;
    font-size: 14px;
    margin-top: 5px;
  }

  /* Tablet */
  @media (max-width: 1024px) {
    .team-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .team-heading {
      font-size: 36px;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .team-grid {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .team-heading {
      font-size: 26px;
    }
  }
</style>

<div class="team-section">
  <div class="team-heading">
    WE ARE A UNIQUE MIX OF <br> PEOPLE WHO LOVE JUICE
  </div>

  <div class="team-grid">

    <div class="team-card">
      <img src="https://cdn.shopify.com/s/files/1/0731/2657/6197/files/photo_2026-04-15_14-31-02.jpg?v=1777630613"
        class="team-img">
      <div class="team-name">Tiana Shelton</div>
      <div class="team-role">Founding Partner</div>
    </div>

    <div class="team-card">
      <img src="https://cdn.shopify.com/s/files/1/0731/2657/6197/files/photo_2026-04-15_14-31-02.jpg?v=1777630613"
        class="team-img">
      <div class="team-name">Eryk Buallock</div>
      <div class="team-role">Founder and Manager</div>
    </div>

    <div class="team-card">
      <img src="https://cdn.shopify.com/s/files/1/0731/2657/6197/files/photo_2026-04-15_14-31-02.jpg?v=1777630613"
        class="team-img">
      <div class="team-name">Caloe Austin</div>
      <div class="team-role">Juice Expert</div>
    </div>

    <div class="team-card">
      <img src="https://cdn.shopify.com/s/files/1/0731/2657/6197/files/photo_2026-04-15_14-31-02.jpg?v=1777630613"
        class="team-img">
      <div class="team-name">Ayden Neale</div>
      <div class="team-role">Juice Expert</div>
    </div>

  </div>
</div>