.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;

}

.about-row {
display: flex;
flex-flow: row wrap;
gap: 30px;
justify-content: center;
margin-inline: auto;
text-align: auto;
padding: 40px 15px;
align-items: center;
}

.about-image {
flex: 1 1 520px;
margin-inline: auto;
text-align: center;
}

.about-image img {
max-width: 520px;
width: 100%;
margin: auto;
height: auto;
}

.about-text {
flex: 1 1 470px;
margin-inline: auto;
}