having a container floating (text on its left) on the right, with pictures in a column, all of the same width

Question

I managed to produce in css all of these properties... But individually, never together. I want a container in which the elements would stick together, with the same ratio etc order and position etc. I tried for an hour, I'm done with it...

These are the elements I want in that container:

    figure {
        display: block;
        max-width: 50%;
        margin: 0.1rem;
        float:right;   
    img {
        max-height: 75vh;
        display: flex;
        width:auto;
        max-width: 100%;
    }
    }  
    figcaption {
        text-align: center;
        text-indent: 0;
    }

typically .container { display:flex; flex-direction:column; } works but the whole width is occupied, no text wrapping. $hit, so close !