figure ul li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 48px;
}

img {
  border-radius: 48px;
}

blockquote {
  color: var(--dark-grey);
  text-align: center;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 120%; /* 28.8px */
  padding: 3rem 0;
  border: 1px solid var(--accent-color);
  border-radius: 48px;
}

.splide {
  display: grid;
  grid-template-areas: "figcaption arrows""slider slider";
}

.splide__track {
  grid-area: slider;
}

.splide__arrows {
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
  grid-area: arrows;
  margin-bottom: 3rem;
}

.splide__arrow {
  position: relative !important;
  top: unset !important;
  transform: unset !important;
  background: none !important;
  border: 1px solid var(--medium-grey) !important;
}

.splide__arrow--next, .splide__arrow--prev {
  right: unset !important;
  left: unset !important;
}

.splide figcaption {
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  max-width: 31rem;
  grid-area: figcaption;
  margin-bottom: 3rem;
}

@media (max-width: 800px) {
  .splide {
    grid-template-areas: "figcaption""slider""arrows";
  }

  .splide figcaption {
    margin-bottom: 2rem;
  }

  .splide__arrows {
    gap: .75rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }

  blockquote {
    padding: 3rem 2.375rem;
  }
}