#main-content {
    padding-top: 0;
    margin-top: -5%;
}

#main-content img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
}

#main-content h2 {
    text-align: center;
    padding: 1.5rem;
    color: hsl(202, 88%, 68%);
    margin-left: auto;
    margin-right: 5%;
    margin-top: 5%;
    transition-property: opacity, transform;
    font-size: 42px;
    font-family: "Clicker Script", Tofu;
    line-height: initial;
    transition-duration: 350ms;
}

@media (max-width: 768px) {
    #main-content {
        padding-top: 0;
        margin-top: -10%;
    }

    #main-content img {
        margin-top: -10%;
        margin-bottom: 20px;
        width: 40%;
        max-width: 400px;
    }
}