.youthLeagueOptions {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    grid-template-rows: 1fr;
    max-height: 15vw;
}

/* div.youthLeagueOptions img, h2 {
    margin: 5%;
} */

div.youthLeagueOptions img {
    max-height: 250px;
    width: 90%;
    cursor: pointer;
    margin: 5%;
}

div.youthSection h2 {
    position: relative;
    top: -50%;
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
    cursor: pointer;
    margin: 5%;
}

div.section h3:hover {
    cursor: pointer;
}

@media only screen and (max-width: 1000px) {
    .youthLeagueOptions {
        max-height: 20vw;
    }
}