.collection-hero {
  & .collection-hero__inner {
    position: relative;

    & .collection-hero__text-wrapper {
      position: absolute;
      left: 144px;
      bottom: 80px;
      z-index: 2;
      max-width: 970px;

      & .collection-hero__title {
        font-size: 32px;
        color: var(--cinza-200);
        margin: 0 0 16px 0;
      }
      & p {
        font-size: 16px;
        color: var(--cinza-100);
        margin: 0;
        line-height: 150%;
      }
    }

    & .collection-hero__image-container {
      width: 100%;
      max-height: 419px;
      & picture {
        position: relative;
      }
      & img {
        width: 100%;
        height: 419px;
        position: initial;
        object-fit: cover;
      }
    }
  }
}

@media (max-width: 991px) {
  .collection-hero {
    & .collection-hero__inner {
      & .collection-hero__text-wrapper {
        padding-right: 16px;
        bottom: 36px;
        left: 16px;
        max-width: 236px;
        & .collection-hero__title {
          font-size: 20px;
          color: var(--cinza-200);
          margin: 0 0 16px 0;
        }
        & p {
          font-size: 12px;
          color: var(--cinza-100);
          margin: 0;
        }
      }
      & .collection-hero__image-container {
        & img {
          height: 251px;
        }
      }
    }
  }
}
@media (max-width: 390px) {
  .collection-hero {
    & .collection-hero__inner {
      & .collection-hero__text-wrapper {
        bottom: 16px;
      }
    }
  }
}