.container {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 45px;
}
.image-container {
    flex: 1;
    max-width: 30%;
    margin-right: 20px;
}
.image {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #000;
    object-fit: cover;
}
.content {
    flex: 1;
}
@media (max-width: 700px) {
    .container {
        flex-direction: column;
    }
    .image{
        height: 210px;
    }
    .image-container,
    .content {
        max-width:none;
        width: 100%;
        margin-top: 0;
    }
}