#full-size-div {
    height:75vh
}

/* Reset for Images */
img {
    max-width: 100%;
}

.close {
    margin-right: 1.85rem;
}

#banner h3 {
    font-size: 1.4em;
    margin-top: 2rem;
    margin-bottom: 0.5rem
}

#karten-infos{
    text-align: right;
}

#image-container {
    height: fit-content;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    margin-top: 10rem;
}

    #image-container img {
        flex-shrink: 0;
        flex-grow: 0;
        box-shadow: 0 0 5px rgba(255,255,255, 0.2)
    }
/* Change these settings for new images
 * Okay the problem is the fixed height but im too lazy to fix the ratio
 */
        #image-container img:nth-of-type(1) {
            aspect-ratio: auto;
            height: 470px;
        }

        #image-container img:nth-of-type(2) {
            aspect-ratio: auto;
            height: 470px;
        }

#feldkarten-container {
    width: 100%;
    justify-content: center;
    display: flex;
    margin-top: 5rem;
}

    #feldkarten-container img {
        width: 80%;
    }