.promo-preview {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
  margin-top: 20px
}
.promo-preview__image {
  width: 38%
}
.promo-preview__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.promo-preview__text {
  flex: 1
}
.promo-preview__text p {
  margin: 0 0 20px;
  font-size: 18px
}
@media (max-width:992px) {
  .promo-preview {
    flex-direction: column;
    margin-top: 0
  }
  .promo-preview__image {
    width: 100%
  }
}
@media (max-width:768px) {
  .promo-preview__text p {
    font-size: 16px
  }
}