.about-me {
    display: flex;
    align-items: center;
    margin: 40px 0;
    background-color: var(--secondary-color);
    border-radius: 10px;
}

.about-me-content {
    display: flex;
    width: 95%;
}

.about-me-image {
    width: 40%;
    height: auto;
    border-style: solid;
    border-color: var(--main-brand-color);
    border-radius: 1vw;
    border-width: 0.5vw;
    margin: 5vw;
}

.about-me-text {
    width: 60vw;
    margin-right: 10vw;
}
.about-me-logo {
    width: 50%;
    height: auto;
    margin: 10vb;
    align-content: center; 
}

.subheading {
    font-size: 30px;
}

.subheading2 {
    font-size: 40px;
    text-align: center;
    color: yellow;
}

.subheading3 {
    font-size: 25px;
    text-align: center;
}