create images

at_django_boilerplate/core/templates/company/ourcoreteam.html

@@ -40,7 +40,7 @@
                 <!-- Back layer: team1a (aerial team huddle - shaped like a circle) -->
              <div class="absolute inset-0 overflow-hidden shadow-2xl opacity-90">
                 <img 
-                    src="{% static 'images/team1a.jpg' %}"  
+                    src="{% static 'images/team1.jpg' %}"  
                     alt="Soccer team in motivational huddle circle on the field"
                     class="w-full h-full object-cover rounded-tl-[25%]"
                 >
@@ -116,7 +116,7 @@
         <!-- Image Section -->
         <div class="w-full lg:w-1/2 relative">
             <img 
-                src="{% static 'images/team2.png' %}" 
+                src="{% static 'images/team2.jpg' %}" 
                 alt="Tennis coach celebrating victory with arms raised" 
                 class="w-full h-full object-cover"
             >

at_django_boilerplate/core/templates/company/success_stories.html

@@ -20,7 +20,7 @@ Case Studies
 
     <!-- Image on the right -->
     <div class="lg:w-1/2 flex justify-end">
-     <img src="{% static 'images/stoey.png' %}" 
+     <img src="{% static 'images/stoey.jpg' %}" 
      alt="Success story image" 
   class="w-full max-w-md lg:max-w-[33rem] h-60 sm:h-70 md:h-76 lg:h-[30rem] object-cover rounded-[4rem]">
 
@@ -96,7 +96,7 @@ Case Studies
 
     <!-- Card 2 -->
     <div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
-      <img src="{% static 'images/sv.png' %}"
+      <img src="{% static 'images/sv.jpg' %}"
         alt="Former DFB physio"
         class="w-full h-64 object-cover rounded-[4rem]"
       />
@@ -130,7 +130,7 @@ Case Studies
 
     <!-- Card 3 -->
     <div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
-      <img src="{% static 'images/stoey.png' %}"
+      <img src="{% static 'images/stoey.jpg' %}"
         alt="Former DFB physio"
         class="w-full h-64 object-cover rounded-[4rem]"
       />
@@ -197,7 +197,7 @@ Case Studies
       
       <!-- Left: Image + Text -->
       <div class="flex items-center gap-4">
-        <img src="{% static 'images/roland.png' %}" 
+        <img src="{% static 'images/roland.jpg' %}" 
      alt="Roland Hofmann"
      class="w-20 h-20 rounded-full object-cover" />
         
@@ -271,8 +271,8 @@ Case Studies
 
   <!-- Images Row -->
 <div class="flex flex-row justify-center gap-2 flex-wrap">
-    <img src="{% static 'images/player1.png' %}" alt="Story 1" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
-    <img src="{% static 'images/player2.png' %}" alt="Story 2" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
+    <img src="{% static 'images/player1.jpg' %}" alt="Story 1" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
+    <img src="{% static 'images/player2.jpg' %}" alt="Story 2" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
     <img src="{% static 'images/player3.png' %}" alt="Story 3" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
 </div>
 
@@ -463,7 +463,7 @@ Case Studies
 </div>
 </div>
 
-  
+