.money {
    position: absolute;
    inset: 0;
    z-index: 16;
    overflow: hidden;
}

.money__ball {
    position: absolute;
    aspect-ratio: 1;
}

.money__bottom-left {
    position: absolute;
    aspect-ratio: 644 / 679;
}

.money__bottom-right {
    position: absolute;
    aspect-ratio: 576 / 424;
}

.money__top-right {
    position: absolute;
    aspect-ratio: 157 / 141;
}

@media (orientation: portrait) and (min-width: 0px) {
    .money__ball {
        width: clamp(100px, min(34vw, 23svh), 200px);
        top: calc(clamp(50px, min(14vw, 8svh), 150px) * -1);
        left: -14%;
        background: url("../../img/money/ball_mobile.webp") center/cover no-repeat;
    }

    .money__bottom-left {
        width: clamp(100px, min(38vw, 21svh), 250px);
        bottom: calc(clamp(30px, min(16vw, 8svh), 150px) * -1);
        left: -4%;
        background: url("../../img/money/money_bottom_left_mobile.webp") center/cover no-repeat;
    }

    .money__bottom-right {
        width: clamp(100px, min(42vw, 23svh), 335px);
        bottom: calc(clamp(25px, min(1vw, 2svh), 100px) * -1);
        right: -7%;
        background: url("../../img/money/money_bottom_right_mobile.webp") center/cover no-repeat;
    }

    .money__top-right {
        width: clamp(40px, min(11vw, 18svh), 157px);
        top: clamp(8px, min(1vw, 3svh), 40px);
        right: 4%;
        background: url("../../img/money/money_top_right_mobile.webp") center/cover no-repeat;
    }
}

@media (orientation: portrait) and (min-width: 768px) and (min-height: 800px) {
    .money__ball {
        width: clamp(100px, min(20vw, 15svh), 200px);
        top: calc(clamp(50px, min(14vw, 8svh), 100px) * -1);
        left: -7%;
        background: url("../../img/money/ball_tablet.webp") center/cover no-repeat;
    }

    .money__bottom-left {
        background: url("../../img/money/money_bottom_left_tablet.webp") center/cover no-repeat;
    }

    .money__bottom-right {
        background: url("../../img/money/money_bottom_right_tablet.webp") center/cover no-repeat;
    }

    .money__top-right {
        width: clamp(40px, min(11vw, 18svh), 157px);
        top: clamp(8px, min(1vw, 3svh), 40px);
        right: 4%;
        background: url("../../img/money/money_top_right_tablet.webp") center/cover no-repeat;
    }
}

@media (orientation: landscape) and (min-width: 0px) {
    .money__ball {
        width: clamp(100px, min(20vw, 38svh), 509px);
        top: calc(clamp(50px, min(13vw, 24svh), 319px) * -1);
        left: -4%;
        background: url("../../img/money/ball_mobile.webp") center/cover no-repeat;
    }

    .money__bottom-left {
        width: clamp(100px, min(25vw, 49svh), 644px);
        bottom: calc(clamp(100px, min(13vw, 24svh), 319px) * -1);
        left: -4%;
        background: url("../../img/money/money_bottom_left_mobile.webp") center/cover no-repeat;
    }

    .money__bottom-right {
        width: clamp(100px, min(23vw, 43svh), 576px);
        bottom: -1%;
        right: -7%;
        background: url("../../img/money/money_bottom_right_mobile.webp") center/cover no-repeat;
    }

    .money__top-right {
        width: clamp(40px, min(9vw, 16svh), 157px);
        top: clamp(8px, min(1vw, 3svh), 40px);
        right: 4%;
        background: url("../../img/money/money_top_right_mobile.webp") center/cover no-repeat;
    }
}

@media (orientation: landscape) and (min-width: 1024px) {
    .money__ball {
        width: clamp(100px, min(20vw, 38svh), 509px);
        top: calc(clamp(100px, min(13vw, 24svh), 319px) * -1);
        left: -4%;
        background: url("../../img/money/ball_tablet.webp") center/cover no-repeat;
    }

    .money__bottom-left {
        background: url("../../img/money/money_bottom_left_tablet.webp") center/cover no-repeat;
    }

    .money__bottom-right {
        width: clamp(100px, min(23vw, 43svh), 576px);
        bottom: calc(clamp(25px, min(1vw, 2svh), 100px) * -1);
        right: -7%;
        background: url("../../img/money/money_bottom_right_tablet.webp") center/cover no-repeat;
    }

    .money__top-right {
        background: url("../../img/money/money_top_right_tablet.webp") center/cover no-repeat;
    }
}

@media (orientation: landscape) and (min-width: 1440px) {
    .money__ball {
        background: url("../../img/money/ball_desktop.webp") center/cover no-repeat;
    }

    .money__bottom-left {
        background: url("../../img/money/money_bottom_left_desktop.webp") center/cover no-repeat;
    }

    .money__bottom-right {
        background: url("../../img/money/money_bottom_right_desktop.webp") center/cover no-repeat;
    }
}