#slides-container {
	position: relative;
	display: flex;
	aspect-ratio: 1600 / 620;
}

#slides-container .slide-container {
	transition: transform 0.5s ease-in-out; 
	margin: 0;
	width: 100%;
	flex-shrink: 0;
	transform: translateX(100%);
	position: absolute;
}

#slides-container .slide-container img {
  width: 100%;
  object-fit: contain;
}

.slider-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.3);
	transition: background-color 0.5s;
	color: white;
	padding: 3% 2%;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	z-index: 999;
}

.slider-button:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.slider-button-right {
	right: 0;
	border-radius: 50px 0 0 50px;
}

.slider-button img {
	width: 20px !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.slider-button #left-arrow {
	right: 40%;
}

.slider-button #right-arrow {
	left: 40%;
}

@media (max-width: 863px) {
	.slider-button {
		padding: 6% 3%;
		background-color: rgba(0, 0, 0, 0.35);
	}

	.slider-button img {
		width: 12px !important;
	}
}

#slides-container img.slide-mobile {
  display: none;
}

#slides-container img.slide-desktop {
  display: unset;
}

@media (max-width: 799px) {
  #slides-container img.slide-mobile {
    display: unset;
  }

  #slides-container img.slide-desktop {
    display: none;
  }

  #slides-container {
    aspect-ratio: 915 / 620;
  }
}