/* =========================
   HERO - MOBILE
   ========================= */
  #hero {
    /* Layout */
    width: 100%;
    overflow: hidden;
    min-height: 100vh;

    /* Dimensions */
    aspect-ratio: 16 / 9;

    background-image: url("/assets/images/hero/Contemp_living-mobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  }

  #hero img {
    /* Layout */
    width: 100%;
    height: 100%;

    /* Visual Styling */
    object-fit: cover;
  }

  /* =================================================================================
                                    TABLET (768px)
  ================================================================================== */
  @media (min-width: 768px){
   #hero {
      aspect-ratio: auto;
      height: 100vh;
      background-image: url("/assets/images/hero/Contemp_living-tablet.webp");
    }
  }

  /* =================================================================================
                                    DESKTOP (1024px)
  ================================================================================== */
  @media (min-width: 1024px){  
    #hero {
      background-image: url("/assets/images/hero/Contemp_living-desk.webp");
    }
  }