#top_image {
    width: 100%;
    height: 25%;
    object-fit: cover;
}

#stats {
    background-color: #26292d;
    color: white;
    text-align: center;
}

.card-img-top {
    max-height: 400px;
    width: auto;
}

@media (max-width: 650px) {
    #cards {
        padding-top: 1%;
        padding-bottom: 20%;
        max-width: 100%;
        margin: auto;
    }
}

@media (max-width: 950px) and (min-width: 650px)  {
    #cards {
        padding-top: 1%;
        padding-bottom: 15%;
        max-width: 100%;
        margin: auto;
    }
}

@media (max-width: 1450px) and (min-width: 950px) {
    #cards {
        padding-top: 1%;
        padding-bottom: 10%;
        max-width: 100%;
        margin: auto;
    }
}

@media (min-width: 1450px){
    #cards {
        padding-top: 1%;
        padding-bottom: 5%;
        max-width: 100%;
        margin: auto;
    }
}