JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="slider"><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>

CSS

.container {
    width: 500px;
    padding: 5px;
    border: solid 2px black;
    overflow: hidden;
}
.slider {
    position: relative;
    width: 100%;
    text-align: right;
    transform: translate(-50%);
}

.slider div {
    display: inline-block;
    margin: 0 5px;
    transform: translate(50%);
    border: solid 1px black;
    width: 47px;
    height: 30px;
}

.slider div:last-child {
    background-color: yellow;
}