.before-after-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

.before-after-wrapper .before-after-item {
  width: calc(33% - 20px);
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .before-after-wrapper .before-after-item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .before-after-wrapper .before-after-item {
    width: 100%;
  }
}

.test_class_123 {
  display: block;
}