/* --- FOREGROUND SPECIFIC POSITIONING --- */
/* You can adjust width, height, top, bottom, left, and right manually here */

#fg-layer-1 {
    width: 125%;
    height: 125%;
    left: -12.5%;
    top: -7.5%;
    object-fit: cover;
}

#fg-layer-2 {
    width: 135%;
    height: 135%;
    left: -15.5%;
    top: -7.5%;
    object-fit: cover;
}

#fg-layer-3 {
    width: 115%;
    height: 115%;
    left: -7.5%;
    top: -7.5%;
    object-fit: cover;
}

#fg-layer-4 {
    width: 115%;
    height: 115%;
    left: -12.5%;
    top: -7.5%;
    object-fit: cover;
}

/* Section 5 specific: smaller foreground, pushed right */
#fg-layer-5 {
    width: auto;
    height: 90%;
    object-fit: contain;
    left: auto;
    right: -2%;
    top: 15%;
    transform: translateY(-50%);
}