.a6-slider-wrap { position: relative; max-width: 100%; overflow: hidden; }
.a6-slider { display: flex; transition: transform 0.5s ease-in-out; }
.a6-slide { flex: 0 0 100%; }
.a6-slide img { width: 100%; height: auto; display: block; border-radius: 5px; }
.a6-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    font-size: 24px;
    padding: 8px 14px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
}
.a6-arrow.prev { left: 10px; }
.a6-arrow.next { right: 10px; }