About Page Profile Picture- Text Keeps Wrapping Around It When In Desktop View?

When the browser window is sized for desktop screens, my about <p>'s wrap around underneath my profile picture.

I did not order my CSS exactly like in the video, so maybe that is the issue? I've tried clearing my cache. My picture 200px X 200px and is a jpg file.

Here is my code...thanks all!!

**HTML** <div id="wrapper"> <section> <img src="img/prophoto.jpg" alt="Profile photo not available yet" class="profile-photo"> <h3>About</h3> <p>Hey Everyone! This is my design portfolio to show off my favorite work.</p> <p>I am an enthusiastic and self-motivated young professional with a passion for marketing, web design, and web development. Currently, I have a diverse background that includes experience with digital marketing, marketing research, web design, and content development. My goal is to combine my skills in order to help companies grow, ideally through acting as a liaison between marketing, sales, and IT. In the next 2-3 years, I also aim to start my own web design business.</p> <p>If you'd like to connect, visit my <a href="https://www.linkedin.com/in/heylou">LinkedIn</a></p> </section>

**CSS** .profile-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }