.carousel {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  padding: 0;
  margin: -60px 0 0 0;
  /* background-color: green; */
}

.carousel .item {
	display: block;
	position: absolute;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.carousel .item.active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.carousel .item.transition {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.controls {
      z-index: 100;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 60%;
    display: none;
}