.photo-slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  box-sizing: border-box;
}
.photo-slider-track{display:flex;transition:transform 0.4s ease}
.photo-slider-slide{min-width:100%;box-sizing:border-box}
.photo-slider-slide img{width:100%;max-height:600px;height:auto;object-fit:contain;display:block}
.photo-slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:#fff;border:none;padding:12px 16px;cursor:pointer;font-size:1.2em;z-index:10}
.photo-slider-btn.prev{left:10px}
.photo-slider-btn.next{right:10px}
.photo-slider-dots{text-align:center;padding:10px 0}
.photo-slider-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ccc;margin:0 4px;cursor:pointer}
.photo-slider-dot.active{background:#333}
.photo-slider-wrapper {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}