.portals {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.review-art {
  position: relative;
  height: 180px;
  margin: 25px 0;
  overflow: hidden;
  border: 1px solid rgba(18, 63, 54, 0.13);
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(200,210,197,.18));
}

.review-art .quote {
  position: absolute;
  top: -18px;
  left: 18px;
  color: rgba(18,63,54,.13);
  font: 150px/1 Georgia, serif;
}

.review-art .review-line {
  position: absolute;
  left: 27%;
  height: 9px;
  border-radius: 9px;
  background: rgba(18,63,54,.16);
}

.review-art .r1 { top: 45px; width: 58%; }
.review-art .r2 { top: 76px; width: 45%; }
.review-art .r3 { top: 107px; width: 52%; }
.review-art .stars {
  position: absolute;
  bottom: 22px;
  left: 27%;
  color: var(--gold);
  font: 16px/1 Georgia, serif;
  letter-spacing: .22em;
}

@media (max-width: 1260px) {
  .portals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .portals { grid-template-columns: 1fr; }
}