How to wrap text around an image

i have HTML and CSS

I am trying to wrap "some test text and word" around this image:

Like this:

i would appreciate a correct answer

html

<div id="container">
    <div id="floated">some test text<br></div>
    <div id="floated">and word</div>
    <img id="container" class="circle" src="https://cdn-assets.affirm.com/images/black_logo-white_bg.svg" alt="">
    <div class="shaped"></div>
</div>

css

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: right;
    width: 150px;
    background: red;
}

.circle {
   float: right;
   shape-outside: circle(50%);
   width: 200px;
   height: 200px;
}