I need help! This keeps on telling me that the image element's alt attribute should not be empty

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>


<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" atl="A business cat wearing a necktie.">
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

HI @yordyrosa12 !
Welcome to the forum!

I haven’t tested your code but it looks like a spelling error here

It should be “alt” rather than “atl”.

Also, be sure to follow all of the instructions. Are you supposed to put the image element outside of the main tag?