How can I float an image in an intro area?

To float elements in Bootstrap 4, use the float-left or float-right classes. In earlier versions of Bootstrap, it was pull-left or pull-right.

You can also target viewports.  For example, to float an element on large viewports, use

<div class="float-lg-right">Element Here</div>

https://getbootstrap.com/docs/4.0/utilities/float/

You could use the below css to place a star either side of the text....

<style>

.intro-content {

display: flex;

flex-direction: row;

}

.star {

background-color: yellow;

width: 10%;

}

</style>

<section id="intro">

<div class="intro-content">

<div class="star">Star</div>

<div class="intro-content-text">

<h2>Welcome to Tanyalak</h2>

<h3>Thai street food restaurant</h3>

<h3>Tanyalak<br>

35 George Street, Hull HU1 3BA</h3>

<h2>01482 322201</h2>

<h3>email: admin@xxxxxxx.xxx</h3>

</div>

<div class="star">Star</div>

</div>

<!--Intro-content-->

</section>

<!-- /section intro -->

Just been told to remove it - Not on the site anymore.