.about-me {
}

@media (min-width: 500px) {
    .about-me {
        /*
        margin-left: 20rem;
        margin-right: 20rem;
        */
    }
    .row {
        margin: 0;
        padding: 0;
    }
    .yoshi-img {
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 500px) {
    .yoshi-img {
        padding-bottom: 1rem;
        margin-right: auto;
        margin-left: auto;
    }
    .yoshi-text {
        align-content: center;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .yoshi-header {
        text-align: center;
    }
}

.yoshi-img {
    max-width: fit-content;
    max-height: fit-content;
}

.main-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}