.quote .wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 968px;
}

.quote .tekst {
  position: relative;
  font-size: 24px;
  line-height: 34px;
  font-family: BadScript;
  font-weight: 400;
  color: #485544;
  text-align: center;
}

.quote .tekst .quote-image {
  position: absolute;
}
.quote .tekst .quote-image.start {
  left: 0;
  top: 0;
  width: 40px;
  height: 41px;
  transform: translate(-100%, -100%);
}
.quote .tekst .quote-image.end {
  right: 0;
  bottom: 0;
  width: 40px;
  height: 41px;
  transform: translate(100%, 100%);
}

.quote .name-container {
  display: flex;
  justify-content: center;
  margin-top: 33px;
  font-size: 24px;
  line-height: 34px;
  font-family: BadScript;
  font-weight: 400;
  color: #485544;
}

@media screen and (max-width: 1180px) and (orientation: portrait),
  screen and (max-width: 1024px) {
  .quote .tekst .quote-image.start {
    left: 0;
    top: 0;
    transform: translate(-50%, -100%);
  }
  .quote .tekst .quote-image.end {
    right: 0;
    bottom: 0;
    transform: translate(50%, 100%);
  }
}
