diff --git a/_includes/photos.html b/_includes/photos.html
index c09adb3c11419b828aec5a0d3f08a8150425a7ff..65b464e2acc37d4383da933ac7b3d6ac4071977d 100644
--- a/_includes/photos.html
+++ b/_includes/photos.html
@@ -1,12 +1,11 @@
 <section id="photos-section" class="photos-section section">
   <div class="container">
-    <h3 class="section-heading text-center mb-3">Photos</h3>
-
+    <h3 class="section-heading text-center mb-4">Photos</h3>
     <div class="row">
-      <div class="carousel">
+      <div class="carousel mt-4">
         {% for image in site.static_files %}
         {% if image.path contains 'images/gallery' %}
-        <img src="{{ site.baseurl }}{{ image.path }}" alt="image" />
+        <img src="{{ site.baseurl }}{{ image.path }}" alt="SynCoP2024" class="p-2" />
         {% endif %}
         {% endfor %}
       </div>
diff --git a/assets/css/style.css b/assets/css/style.css
index 74e035ae037582699606167e52e22d2d941f44c4..cc2b864eb82431cbd42d50631186e445956a260b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -17,4 +17,8 @@
 
 .profile-image {
   height: 120px;
+}
+
+img.slick-slide {
+  height: 400px;
 }
\ No newline at end of file
diff --git a/assets/js/main.js b/assets/js/main.js
index 117f0a4502a42f2216e3504010cedbde71799d31..b55fdd9c799c5802be964ba1fb097be44d9947b1 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -128,11 +128,10 @@ setInterval(function () {
 }, 1000);
 
 // Carousel
-// $('.owl-carousel').owlCarousel();
-
 $('.carousel').slick({
   dots: true,
-  infinite: false,
+  infinite: true,
   slidesToShow: 3,
-  slidesToScroll: 3
+  slidesToScroll: 3,
+  variableWidth: true
 });
\ No newline at end of file