How do I wrap text around in an image in css grid?

I’m working with css grid and I have an image that I want to wrap text below when there is enough space. How do I do this? Code and pictures below: (The picture is taken of the “content” and “sidebar”) Thank you.

//Overall wrapper//

//Grid Layout
@media only screen and (min-width:600px){
        grid-template-columns:200px auto 350px;
            "logo logo social"
            "banner banner banner"
            "content content sidebar"
            "footer footer footer"