title: How to rotate a single image in HTML?
body: <p>I would like to rotate 3 images in a table I created. I have added the images to this post. I am having a hard time learning how to do so and I can't find anything on it. I would like it to rotate continuously. The rotation should be like that of a planet rotating on its axis. 
  <a href="https://i.stack.imgur.com/1dQIr.jpg" rel="nofollow noreferrer">BARCELONA</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th colspan="2"&gt;&lt;h3&gt;Favorite Teams&lt;/h3&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th&gt;Team&lt;/th&gt;
          &lt;th&gt;What sport?&lt;/th&gt;
          &lt;th&gt;Logo&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th&gt;Pittsburgh Steelers&lt;/th&gt;
          &lt;th&gt;American Football&lt;/th&gt;
          &lt;th&gt;&lt;img src="steelers.jpg" height="100"&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th&gt;Michigan Wolverines&lt;/th&gt;
          &lt;th&gt;American Football&lt;/th&gt;
          &lt;th&gt;&lt;img src="wolverines.jpg" height="100"&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th&gt;FC Barcelona&lt;/th&gt;
          &lt;th&gt;Football&lt;/th&gt;
          &lt;th&gt;&lt;img src="barcelona.jpg" height="100"&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>