fixed duplicate background-color in css

Author: Fedois

rubycon.it/_includes/speakers.html

@@ -35,11 +35,11 @@ <h3 class="text-white text-2xl font-bold">{{ speaker.full_name }}</h3>
 %}
 
 <script>
-    window.onload = () => {
+    document.addEventListener('DOMContentLoaded', () => {
         gsap.registerPlugin(Draggable);
 
         const track = document.querySelector('.speakers-track');
-        track.innerHTML += track.innerHTML;
+        track.innerHTML += track.innerHTML; //temporary cause few speakers
 
         const contentWidth = track.scrollWidth / 2;
 
@@ -84,6 +84,6 @@ <h3 class="text-white text-2xl font-bold">{{ speaker.full_name }}</h3>
         // DESKTOP hover
         track.addEventListener("pointerenter", () => isPaused = true);
         track.addEventListener("pointerleave", () => isPaused = false);
-    }
+    })
 </script>
 

rubycon.it/assets/css/style.scss

@@ -284,7 +284,6 @@ section:nth-of-type(even):not(#newsletter) {
 }
 @media screen and (max-width: 600px) {
   .my-card{
-    background-color: variables.$background-secondary;
     width: 300px;
   }
 }