Почему изображения автоматически не изменяют размер, когда я загружаю их с сайта Django

Я новичок и не знаю CSS. Я использовал шаблон на своем Django сайте. Когда я добавляю ссылки на изображения непосредственно на html-странице, они автоматически устанавливают размер в сетку изображений. Однако, когда я добавляю код и загружаю картинки с сайта, они все отображаются с разными размерами. Я хочу, чтобы все они были одинаковыми и соответствовали заданному размеру ящика.

<div class="container-fixed">
  <div class="adoption1">
  <h1 class="wow fadeIn animated">Meet our Penguins</h1>
   <div class="grid-cats wow">
{% for post in posts %}
         <div class="col-md-4 thumbs">
           <a href="">
            <figure class="effect-marley">
                <img src="{{ post.image2.url }}" alt=""/>
                    <figcaption>
                        <h2>SUPER<span>CUTE</span></h2>
                    <p>{{ post.content }}</p>
                    </figcaption>
            </figure>
            </a>
         </div>
 {% endfor %}

from PIL import Image
def save(self,*args,**kwargs):
    super().save(*args,**kwargs)
    img = Image.open(self.image2.path)
    if img.height>your_max_height or img.width>your_max_width:
        out_size =(your_desired_height ,your_desired_width)
        img.resize(out_size)
        img.save(self.image2.path)