#my-content {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

#my-image,
#my-text {
    padding: 2em;
    box-sizing: border-box;
}

h1 {
    font-size: 3em;
}

#my-image {
    flex: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#my-text {
    flex: 7;
    margin: 2em 12em 2em 2em;
}

#my-image img {
    max-width: 40vw;
    max-height: 60vh;
    object-fit: contain;
}

#my-paragraph {
    font-size: 1.4em;
}