jQuery gt and lt selector

We have a table with 9 images. We use the selector gt(4) to choose the images starting from the fourth image starting from zero. We use lt(1) to choose the images that are before image 1 starting from zero.

<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>
      <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(){
         $("img:gt(4)").hide();
         $("img:lt(1)").css('width', '200px');
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>