Create a Bootstrap-Vue Card that has a photo and text -- 2

I need to duplicate the free2.png using a b-card . I've included an image of Horizonal Card layout at bootstrap

https://bootstrap-vue.org/docs/components/card#comp-ref-b-card-props

and all I need it for someone to edit the code on by double clicking the edit and format the code so I get the desired output of the free2.png


<div>
<b-card bg-variant="primary" no-body text-variant="white" class="overflow-hidden" style="max-width: 540px;" img-height = 10>
<b-row no-gutters>
<b-col md="6">
<b-card-img src="https://picsum.photos/200/200/?image=20" alt="Image" class="rounded-0"></b-card-img>
</b-col>
<b-col md="6">
<b-card-body title="Horizontal Card">
<b-card-text>
This is a wider card with supporting text as a natural lead-in to additional content.
This content is a little bit longer.
</b-card-text>
</b-card-body>
</b-col>
</b-row>
</b-card>
</div>

Format the code on the bootstrap page. No app is needed. Please don't play games I'm looking for someone I can work with long term. I have been a programmer for 20 years but new to vue and bootstrap.