.block-image-text {
  & + .block-text-image, & + .block-image-text {
    @media (min-width: 768px) {
      .block-text-image, .block-image-text {
        margin-top: -25px;
      }
    }
  }
}

.block-image-text {
  margin: 75px 0;
}

.block-image-text-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;

  @media (min-width: 768px) {
    padding: 70px 0;
  }
}

.block-image-text-title {
  font-family: var(--font-family-sans-serif-heading);
  font-size: var(--font-size-medium);
  line-height: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  margin-bottom: 35px;
  width: 100%;
  position: relative;

  &::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10px;
    right: calc(100% + 30px);
    background-image: url("/assets/decorations/dashed_line_text_image-d6731f2d.svg");
    background-size: cover;
    background-position: center center;
    width: 190px;
    height: 212px;
    display: none;
  }

  @media (min-width: 768px) {
    &::after {
      display: block;
    }
  }

  &.no-dashed-line {
    &::after {
      display: none;
    }
  }

  p {
    margin: 0;
  }
}

.block-image-text-image {
  position: relative;
  max-width: 400px;
  width: 100%;
  height: 300px;
  margin-bottom: 35px;

  @media (min-width: 768px) {
    height: 100%;
    max-width: unset;
    margin-bottom: unset;
  }

  .shared-image {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  img {
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
    object-position: center center;
  }
}

.block-image-text-buttons {
  margin-top: 35px;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}