#content-page {
    scroll-margin-top: 60px;
}
@media (min-width: 1124px) {
    .content-container {
        display: flex;
    }
    .content-images {
        width: 40%;
        display: flex;
        flex-direction: column;
    }
    .content-images img {
        height: 450px;
        width: auto;
    }
    .title {
        padding: 1%;
        padding-left: 3%;
        margin-top: 8%;
        background-color: #ffeb3b;
    }
    .plain-text {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 3%;
    }
}

@media (max-width: 1124px) {
    .content-images {
        width: 100%;
        display: flex;
    }
    .content-images img {
        width: 50%;
    }

    .title {
        text-align: center;
        background-color: #ffeb3b;
    }
    .plain-text {
        padding: 5%;
    }
}
