_includes/infographics/infographics.html in appscms-tools-theme-3.3.9 vs _includes/infographics/infographics.html in appscms-tools-theme-3.4.0

@@ -1,19 +1,22 @@
 <style>
-.infographics_section{
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 50px 0px 50px 0px;
-    border-top: 1px solid rgb(224, 224, 224);
-}
+     .infographics_section {
+        width: 100%;
+        padding: 50px 0px 50px 0px;
+        border-top: 1px solid rgb(224, 224, 224);
+    }
 </style>
 <div class="infographics_section">
     <div class="row">
         <div class="col-md-9 mx-auto">
-            {%- for item in featureData.infographics -%}
-                <img src="{{item.image}}" alt="">
-            {%- endfor -%}
+            <div id="carousel">
+                <ul class="flip-items">
+                    {%- for item in featureData.infographics -%}
+                    <li data-flip-title="Red">
+                        <img width="300" height="300" src="{{item.image}}">
+                    </li>
+                    {%- endfor -%}
+                </ul>
+            </div>
         </div>
     </div>
 </div>
\ No newline at end of file