static/style.css

#main-row, #md-text {
    width: 80%;
    margin: auto;
}

#predictions-text, #user-image, #first-col{
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
}

#main-row {
    min-height: 30rem;
}

#md-text {
    padding-top: 3%;
    padding-bottom: 2%;
}

#breed-description {
    padding-top: 2%;
    padding-bottom: 4%;
}

.h-60 {
    height: 30em !important;
}

@media (min-width: 768px){
    .md\:min-h-\[15rem\] {
        min-height: 26rem;
    }
}

@media (min-width: 1280px){
    .xl\:max-h-\[18rem\] {
        max-height: 30rem;
    }
}

@media (min-width: 1536px){
    .\32xl\:max-h-\[20rem\] {
        max-height: 30rem;
    }
}