.color-strip-image {
    background-color: white;
    max-height: 25rem;
    max-width: min(25rem, 100%);
}
.heading-color-strip .color-strip-image {
    max-height: none;
}
.color-strip-float-container {          
    max-width: var(--track-size);
    padding: 1rem;
    flex: 1;
}
.float-left {
    margin-right: 5rem;
    margin-bottom: 1rem;
    float: left;
}
.float-right {
    margin-left: 5rem;
    margin-bottom: 1rem;
    float: right;
}
.image-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 0.5rem;
    align-items: start;
}
.image-row img {
    height: 20rem;
    object-fit: cover;
}
@media (max-width: 800px) {
    .color-strip-float-container {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .float-left, .float-right {
        float: none;
        margin: 0rem;
    }
}