.about-preview__container {
  height: 50dvh;

  background-image: url(../images/about-preview.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-preview__text {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  width: var(--content-width);
  padding: 50px;
  margin: 0 auto;
}
.about-preview__text > h1 {
  width: fit-content;
  align-self: end;
  justify-self: center;
}

.about-preview__text > h2 {
  width: fit-content;
  align-self: start;
  justify-self: center;
}