added image scaling script, updated static/img directory using scaling script, fixed 'About me' page responsive issue

all_paw_care/templates/pages/index.html

@@ -11,13 +11,13 @@
 
     {%  for row in page.get_content() %}
         <div class="row pb-3">
-            <div class="col-8 text-center {{ loop.cycle('order-first','order-last') }}">
+            <div class="col-sm-8 text-center {{ loop.cycle('order-first','order-last') }}">
                 <p class="text-secondary lead">
                     {{ page.get_content()[row]['content'] }}
                 </p>
             </div>
             
-            <div class="col-4 {{ loop.cycle('order-last','order-first') }}"> 
+            <div class="col-sm-4 {{ loop.cycle('order-last','order-first') }}"> 
                 <picture>
                     {% for img in page.get_content()[row]['images'] %}
                         {% if not loop.last %}