#missions {
    min-height: 50vh;
    display: flex;
    align-items: stretch; 
    flex-direction: column;
    background-color: var(--bg-color-two);
    text-align: center;
}

#missions h2 {
    margin-top: 10vh;
    
}

#missions ul {
    margin-top: 3vh;
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 40px;
}
#missions li {
    padding: 20px;
    width: 250px;
}
#missions img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.dark-mode .mission img {
  filter: invert(1) brightness(0.9) contrast(1.1);
}

@media screen and (max-width: 900px) {
    #missions ul {
    flex-wrap: wrap;
    }
}