.scrollBody{
        height: 50vh;
        width: 100vw;
        overflow: hidden;
        overflow-x: hidden;
        margin: 0rem;
        padding: 0rem;
}

.scrollSection{
        display: flex;
        position: relative;
        /* left: 50%; */
        top: 50%;
        width: min-content;
        transform: translate(0%, -50%);
}

.smallImageBlock{
        height: 50vh;
	width: auto;
        aspect-ratio: 11/16;
	background-color: black;
	position: relative;
	background-size: cover;
	margin: 0px 30px;
        background-position: 100% 50%;
        background-size: min(cover, 200%);
}

.smallImageBlock img{
        height: 100%;
        width: 100%;
        user-select: none;
}

.smallImageBlock div{
	position: absolute;
}

.smallImageBlock p {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 5px;
}

@media only screen and (max-width: 849px) {

        .scrollBody {
                overflow-x: scroll;
        }

}