.match-cta-banner {
    /* height: 726px;

    @media screen and (min-width:960px) {
        height: 680px;
    } */
    height: calc(100vh - var(--navbar-height));
}

.match-cta-banner .match__floating-images {
    object-fit: cover;
    position: absolute;
    width: 136px;
    height: 136px;
    transition: all 0.3s ease-in-out;

    @media screen and (min-width:960px) {
        width: 280px !important;
        height: 280px !important;
    }
}

.match-cta-banner .match__floating-images[data-index="0"] {
    top: -25px;
    left: 20px;

    @media screen and (min-width:960px) {
        left: 60px;
    }

    @media screen and (min-width:960px) and (max-width:1440px) {
        top:-50px;
        left: 60px;
    }
}

.match-cta-banner .match__floating-images[data-index="1"] {
    width: 165px;
    height: 165px;
    border-top-right-radius: 120px;

    left: -35px;
    bottom: 10px;

    @media screen and (min-width:960px) {
        bottom: 70px;
    }
}

.match-cta-banner .match__floating-images[data-index="2"] {
    display: none;

    @media screen and (min-width:960px) {
        display: block;
        bottom: -150px;
        right: 34%;
    }
}

.match-cta-banner .match__floating-images[data-index="3"] {
    width: 160px;
    height: 160px;

    bottom: 52px;
    right: calc((136px / 2) * -1);

    @media screen and (min-width:960px) {
        right: -50px;
        bottom: 180px;
    }

    @media screen and (min-width:960px) and (max-width:1440px) {
        right:-90px;
    }
}

.match-cta-banner .match__floating-images[data-index="4"] {
    width: 155px;
    height: 155px;
    border-bottom-left-radius: 120px;

    top: -25px;
    right: -35px;

    @media screen and (min-width:960px) {
        top: -80px;
        right: -100px;
    }
}