.flex-container {
    display: block;
}

.flex-container img {
    width: 100%;
    margin-bottom: 1rem;
}

.flex-container .text-content {
    width: 100%;
}

@media (min-width: 700px) {
    .flex-container {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .flex-container img {
        flex: 0 0 25%;
        max-width: 100%;
        height: auto;
    }

    .flex-container .text-content {
        flex: 1;
    }
}