ol tag is overriding h1 & p & img tags

   

 <img src="pictorial-01.PNG" class="logo left"><br>
                <hr>
        <div class="why us">
        <h1 style="text-align: left; font-size: 50px;">Why us</h1>
                
                <ol>
                        <h3>Multi-lingual, scalable talent pool</h3>
                        <h3>Positive Attitude</h3>
                        <h3>Agents with little to no accent</h3>
                        <h3>Cost efficient quality operations</h3>
                        <h3>Government support for the industry</h3>

                </ol>
                <img src="Egypt-Flag-Map-MEast-Africa.PNG" class="about pic">
                <img src="Cairo.jpg" class="about pic">


        </div>
    <h1>How we do it</h1>
    <p>We are keen to build and maintain a long term<br>
    foundation of high performance throughout our<br>
    organization by diligently adopting and reinforcing<br>
    world-class standards</p>
                <img src="pictorial-01.PNG" class="logo left"><br>
                <hr>

With the picture you'll get what im saying im sorry im new to this Im trying to put the logo under it so it makes like a break point to the site then add the

but all of it overrides

This is how it looks