Изображение сначала загружается не полностью, только после обновления

Я сделал приложение django, которое находится онлайн по адресу: https://www.casualspotter.com/. На моей домашней странице есть карусель с несколькими изображениями. У меня проблема в том, что по какой-то причине изображения не загружаются полностью. После обновления страницы изображения загружаются полностью.

Код карусели:

<div class = "carousel carousel-slider" id = "demo-carousel-content" data-indicators = "true" >
  <a class = "carousel-item" href = "/cp_company">
      <img class='carouselitem' src = "{% static 'images/cp_company.jpg' %}">
      <h2 class = "bottom-left">C.P. COMPANY</h2>
  </a>
    <a class = "carousel-item" href = "/stone_island">
      <img class='carouselitem' src = "{% static 'images/stone_island.jpg' %}">
        <h2 class = "bottom-left">STONE ISLAND</h2>
  </a>
    <a class = "carousel-item" href = "/ma_strum">
      <img class='carouselitem' src = "{% static 'images/mastrum.jpg' %}">
        <h2 class = "bottom-left">MA.STRUM</h2>
  </a>
    <a class = "carousel-item" href = "/barbour">
      <img class='carouselitem' src = "{% static 'images/barbour_lookbook.jpg' %}">
        <h2 class = "bottom-left">BARBOUR</h2>
  </a>
    <a class = "carousel-item" href = "/lacoste">
      <img class='carouselitem' src = "{% static 'images/lacoste_banner.jpg' %}">
        <h2 class = "bottom-left">LACOSTE</h2>
  </a>
    <a class = "carousel-item" href = "/perry">
      <img class='carouselitem' src = "{% static 'images/perry_banner.jpg' %}">
        <h2 class = "bottom-left">FRED PERRY</h2>
  </a>
    <a class = "carousel-item" href = "/paul_shark">
      <img class='carouselitem' src = "{% static 'images/paul_shark_banner.jpg' %}">
        <h2 class = "bottom-left">PAUL & SHARK</h2>
  </a>
    <a class = "carousel-item" href = "/napa">
      <img class='carouselitem' src = "{% static 'images/napa_banner.jpg_large' %}">
        <h2 class = "bottom-left">NAPAPIJRI</h2>
  </a>
    <a class = "carousel-item" href = "/tnf">
      <img class='carouselitem' src = "{% static 'images/tnf_banner.jpg' %}">
        <h2 class = "bottom-left">THE NORTH FACE</h2>
  </a>
</div>

CSS:

img.carouselitem{
    height: auto;
}

Заранее спасибо!