/* style.css */ body { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; } #image-container { overflow: visible; /* Allow images to overflow */ position: relative; /* Base positioning for relative image movement */ } img { display: block; position: relative; /* Relative positioning */ transition: left 0.3s ease; /* Smooth left transition */ } #slider-container { position: relative; /* Ensure sliders are positioned relative to the viewport */ width: 100%; /* Full width sliders */ z-index: 1000; /* Above images for easier access */ } #slider { width: 100%; }