jQuery css change width image using set Timeout

We have a table with two rows and three columns and 6 images with the default width of the image. We make the following modifications in jQuery:

We increase the width of all images by 100.
After 2 seconds we decrease the width of all images by 50.

<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 increase the width of all images by 100
         $('table img').css('width', '+=100');
         //After 2 seconds we decrease the width of all images by 50
        setTimeout(function(){
          $('table img').css('width', '-=50');
        }, 2000);
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>