/* ########################### */
/* ####  FOREST PARALLAX  #### */

.ether-forest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
}

/* Container divs - positioned absolutely and centered */
.ether-forest .ether-image-001,
.ether-forest .ether-image-002,
.ether-forest .ether-image-003,
.ether-forest .ether-image-004,
.ether-forest .ether-image-005 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Actual img tags - CRITICAL: Same as clouds (background-size: auto 100%) */
/* MUST have both height AND width: auto to maintain proportions */
.ether-forest .ether-image-001 img {
    position: relative;
    height: 110vh;      /* Scale based on viewport height */
    width: auto;        /* CRITICAL: Maintains aspect ratio - prevents squashing! */
    max-width: none;    /* Prevents browser default width constraints */
    display: block;
}

.ether-forest .ether-image-002 img {
    position: relative;
    height: 83vh;      /* Larger for depth effect */
    width: auto;        /* CRITICAL: Maintains aspect ratio - prevents squashing! */
    max-width: none;    /* Prevents browser default width constraints */
    display: block;
    transform: translateX(1%);
}

.ether-forest .ether-image-003 img {
    position: relative;
    height: 100vh;      /* Scale based on viewport height */
    width: auto;        /* CRITICAL: Maintains aspect ratio - prevents squashing! */
    max-width: none;    /* Prevents browser default width constraints */
    display: block;
    transform: translateY(-10vh);
}

.ether-forest .ether-image-004 img {
    position: relative;
    height: 140vh;      /* Scale based on viewport height */
    width: auto;        /* CRITICAL: Maintains aspect ratio - prevents squashing! */
    max-width: none;    /* Prevents browser default width constraints */
    display: block;
    transform: translateY(-18vh);
    margin-left: 2%;
}

.ether-forest .ether-image-005 img {
    position: relative;
    height: 51vh;      /* Scale based on viewport height */
    width: auto;        /* CRITICAL: Maintains aspect ratio - prevents squashing! */
    max-width: none;    /* Prevents browser default width constraints */
    display: block;
    /* transform: translateY(-18vh); */
    /* margin-left: 2%; */
}