.slider-wrapper {
margin: 1rem;position: relative;overflow: hidden;
height: 300px;}

.slides-container
{height: calc(100vh - 2rem);width: 100%;display: flex;list-style: none;margin: 0;padding: 0;overflow: scroll;scroll-behavior: smooth;}

.slide
{width: 100%;height: 100%;flex: 1 0 100%;}

.slides-container
{scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* Internet Explorer 10+ */height: 300px;}/* WebKit */

.slides-container::-webkit-scrollbar
{width: 0;height: 0;}

.slide-arrow
{position: absolute;display: flex;top: 0;bottom: 0;margin: auto;height: 4rem;background-color: white;border: none;width: 2rem;font-size: 3rem;padding: 0;cursor: pointer;opacity: 0.5;transition: opacity 100ms;}

.slide-arrow:hover, .slide-arrow:focus
{opacity: 1;}

#slide-arrow-prev
{left: 0;padding-left: 0.25rem;border-radius: 0 2rem 2rem 0;}

#slide-arrow-next
{right: 0;padding-left: 0.75rem;border-radius: 2rem 0 0 2rem;}