a/girls.jpg">
          </div>

        </div>
      </div>
    </div>
  </div>
</div>

<style>
.slider-container {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  /* Optional: Adds a nice fade effect at the edges */
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.slider {
  display: flex;
  /* Duration = 3s per slide * 6 slides = 18s total */
