.reviews-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px; }
  @media (max-width: 1249px) {
    .reviews-list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 575px) {
    .reviews-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 18px; } }
  @media (max-width: 575px) {
    .reviews-list {
      grid-template-columns: 1fr; } }

.reviews-card {
  transition: all 0.3s ease;
  position: relative;
  padding-bottom: 120%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e4e4e4; }
  @media (max-width: 1099px) {
    .reviews-card {
      border-radius: 8px; } }
  .reviews-card__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .reviews-card__inner img {
      max-width: 100%;
      max-height: 100%;
      min-width: 100%;
      min-height: 100%; }
  @media (min-width: 1024px) {
    .reviews-card:hover {
      cursor: pointer;
      border-color: transparent;
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); } }
  .reviews-card--list {
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); }
    .reviews-card--list:after {
      z-index: -1;
      content: '';
      position: absolute;
      top: 0;
      bottom: -5px;
      right: -5px;
      left: 0;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); }