@charset "utf-8";

.reviews { container: reviews / inline-size; max-width: 680px; margin-bottom: 20px; margin-left: auto !important; margin-right: auto !important; }

.reviews__container { display: flex; flex-wrap: wrap; gap: 40px 20px; }

.review { width: calc(50% - 10px); }

.review__name { margin-bottom: 10px; font-size: 20px; text-align: center; text-wrap: balance; }

.review__img { margin-bottom: 15px; width: 100%; aspect-ratio: 16 / 10; }

.review__img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.review__text { font-size: 18px; line-height: 1.2; }

@container reviews (max-width: 650px) {
  .review { width: 100%; }
}