side-image-banner-tonal-blue {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: var(--pricefox-faded-background-color);
  @media (min-width: 993px) {
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 0.75rem;
  }
  @media (min-width: 993px) and (max-width: 1440px) {
    padding: 4rem;
  }
  @media (min-width: 1441px) {
    gap: 4rem;
    padding: 5rem 4rem;
  }

  > img {
    flex-shrink: 0;
    width: 100%;
    height: 9.5rem;
    border-radius: 0.75rem;
    background: var(--pricefox-primary-color);
    object-fit: contain;
    @media (min-width: 993px) and (max-width: 1440px) {
      width: 15.63rem;
      height: 15.63rem;
    }
    @media (min-width: 1441px) {
      width: 26.88rem;
      height: 16rem;
    }
  }

  > info {
    @media (min-width: 993px) and (max-width: 1440px) {
      width: 30rem;
    }

    > p {
      @media (min-width: 993px) {
        margin: 1.5rem 0;
      }
    }
  }
}