.bg-light-yellow {
    background-color: #fffde7;
}

.about-me-section {
    padding: 120px 0; /* Increase padding to pull the section down */
}

.about-me-section img {
    width: 80%; /* Adjust the width to scale the image */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px auto; /* Add space below the image and center it */
    display: block; /* Center the image by turning it into a block element */
}

.about-me-section .bio {
    font-family: 'EB Garamond', serif;
    font-size: 1.4rem;
}

@media (max-width: 768px) {
    .about-me-section {
        padding: 60px 20px; /* Decrease padding for mobile screens */
    }

    .about-me-section .row {
        flex-direction: column-reverse; /* Stack the text and image, with the image on top */
    }

    .about-me-section .col-md-6 {
        text-align: center; /* Center-align text on mobile */
    }

    .about-me-section img {
        width: 100%; /* Make the image take the full width of its container on mobile */
        padding-top: 0; /* Remove padding for mobile screens */
        margin: 20px 0; /* Add space below the image */
    }

    .bg-light-yellow {
        background-color: #fffde7;
        overflow:hidden;
        height: auto;
    }
}