/* Carrousel radio/slide */
.carousel-container {
  display: flex;
  height: 15em;
  margin: 0 auto;
  max-width: 35em;
  width: 50em;
}
.radio {
  display: none;
}
.slide {
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3rem;
  cursor: pointer;
  flex: 1;
  margin-right: 0.8rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s cubic-bezier(0.05, 0.6, 0.39, 0.94);
  box-shadow: none;
}
.slide:last-child {
  margin-right: 0;
}
.radio:checked + .slide {
  border-radius: 0.5rem;
  box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
  flex: 9;
  z-index: 2;
}

html,
body {
  overflow-x: hidden;
}