Carrossel de Imagens ***SEM JAVASCRIPT***

Acredito que esse topico serve para todos:

Estou estudando sobre criar sliders com carrossel de imagens no javascript, mas pensei no nivel iniciante que estou e resolvi fazer apenas com HTML e CSS. Segue o codigo:

<style>
    * {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
    background-color: black
}

main {
    display: flex;
    justify-content: center;
    padding: 10%;
    border-radius: 10px;
}
.gallery {
    display: flex;
    flex-flow: nowrap;
    gap: 1px;
    width: 200px;
    height:fit-content;
    overflow: scroll;
    overflow-y: hidden;
    border-radius: 10px;
}
::-webkit-scrollbar {
    background: black;
    height: 10px;
    border-radius: 100px;
}
::-webkit-scrollbar-thumb {
    background-color:white;
    border-radius: 100px;
}
</style>