jQuery apply various css styles

In the following table with 6 default width images, we make the following modifications with jQuery:

We apply various css styles to all the images inside the table.
We apply various css styles to the image that is in position 2 starting from 0.

<html>
  <body>
    <table>
      <tr>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
      </tr>
      <tr>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
      </tr>
    </table>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         //We apply various css styles to all the images inside the table
         $('table img').css({'width':'100', 'border':'3px solid green', 'border-radius':'5px', 'margin':'auto'});
         //We apply css styles to the image that is in position 2 starting from 0
         $('table img').eq(2).css({
           'width':'150', 
           'border':'2px solid red', 
           'border-radius':'10px'
         });
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>