diff --git a/app/public/custom-flexslider.css b/app/public/custom-flexslider.css
deleted file mode 100644
index e69de29..0000000
diff --git a/app/public/main.css b/app/public/main.css
index d7e12a5..8d8fd80 100644
--- a/app/public/main.css
+++ b/app/public/main.css
@@ -185,3 +185,8 @@ h3 {
 .flex-direction-nav li a {
   height: 50px;
 }
+
+.slider .slides li {
+  opacity: 1;
+  position: relative;
+}
diff --git a/app/views/layout.ejs b/app/views/layout.ejs
index afeebfa..9ee5b2a 100644
--- a/app/views/layout.ejs
+++ b/app/views/layout.ejs
@@ -21,7 +21,6 @@
   <link rel="stylesheet" href="/assets/main.css">
   <link rel="stylesheet" href="/assets/segment.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.css" type="text/css" media="screen" /> 
- <link rel="stylesheet" href="/assets/custom-flexslider.css">
 
   <script defer src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.js"></script>
   
diff --git a/app/views/viewRealEstate.ejs b/app/views/viewRealEstate.ejs
index 2aa8e45..424e700 100644
--- a/app/views/viewRealEstate.ejs
+++ b/app/views/viewRealEstate.ejs
@@ -8,39 +8,18 @@
   </div>
 </div>
 
-<!-- <section class="slider">
+ <section class="slider">
   <div class="flexslider" >
     <ul class="slides">
       <% for (const photoUrl of realEstatePhotosUrls) { %>
-      <li>
+      <li class="flex-li">
         <img src=<%= photoUrl %> alt=""/>
     </li>
     <% } %>
     </ul>
   </div>
-</section> -->
-<!-- <div class="carousel carousel-slider">
-  <div class="carousel-fixed-item center clearfix">
-    <a id="carousel-prev" class="movePrevCarousel btn waves-effect left">button</a>
-    <a id="carousel-next" class="moveNextCarousel btn waves-effect right">button</a>
-  </div>
-  <% for (const photoUrl of realEstatePhotosUrls) { %>
-  <a class="carousel-item" href="#one!"><img src=<%= photoUrl %>></a>
-  <% } %>
-</div> -->
-<div class="carousel carousel-slider">
-  <div class="carousel-fixed-item center">
-      <a class="btn next"></a>
-      <a class="btn previous"></a>
-  </div>
-  <% for (const photoUrl of realEstatePhotosUrls) { %>
-  <div class="carousel-item">
-    <div class="col m3 s12">
-      <img src=<%= photoUrl %> class="responsive-img" />
-    </div>
-  </div>
-  <% } %>
-</div>
+</section> 
+
 <br/>
 <br>
 <div class="row col s12">
@@ -92,38 +71,11 @@
 
 <script type="text/javascript">
        $(window).load(function() {
-   
-         /*   $('.flexslider').flexslider({
+           $('.flexslider').flexslider({
            animation: "slide",
-          
            smoothHeight: true
-         });
-          
-         $('.carousel.carousel-slider').carousel({
-         fullWidth: true,
-         indicators: true
           });
-          $('#carousel-next').on('touchstart', function (e) {
-          e.preventDefault();
-          e.stopPropagation();
-          $('#carouselFirst').carousel('next');
-          });
-
-          $('#carousel-prev').on('touchstart', function (e) {
-          e.preventDefault();
-          e.stopPropagation();
-          $('#carouselFirst').carousel('prev');
-          }); */
-         
-          $('.carousel.carousel-slider').carousel();
-
-  $('.next').click(function() {
-    $('.carousel.carousel-slider').carousel('next');
-  });
-  $('.prev').click(function() {
-    $('.carousel.carousel-slider').carousel('prev');
-  });
-       });
+        });
 </script>
 
 <script>