.modal-container {
    position: absolute;
    top: 32.04%;
    left: 30.88%;
    width: 38.23%;
    height: 41.67%;
    background-image: url('../images/Base_modal_start_screen.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.modal-above-svg {
    position: absolute;
    width: 79.84%;
    height: 66.67%;
    bottom: 72.33%;
    left: 10.08%;
}

/* Override action-button positioning for start screen modal */
.modal-container .action-button {
    bottom: 16%;
    width: min(20.83vw, 37.04vh);
}

.modal-text {
    position: absolute;
    bottom: 38.22%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-family: Montserrat;
    font-size: min(2.08vw, 3.7vh);
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: min(0.083vw, 0.148vh);
    color: white;
    margin: 0;
    width: min(34.38vw, 61.13vh);
    max-width: 90%;
}

.mila-character {
    position: absolute;
    bottom: 5.14%;
    left: 46.09%;
    width: 5.11%;
    height: 18.66%;
    z-index: 1;
}