.cancer-crisis {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 11.63rem 0;
  background-color: var(--white);
}
.cancer-crisis__left-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.09rem;
}

.cancer-crisis__left-image-container {
  width: 16.5rem;
  height: 10.09rem;
  position: relative;
}
.cancer-crisis__left-image-container > img {
  width: 100%;
  height: 100%;
}
.cancer-crisis__card-container {
  position: absolute;
  left: 6.5rem;
  top: 2.5rem;
  transform: translate(-50%, 50%);

  width: 16.5rem;
  padding: 0.36rem 0.72rem;
  background-color: var(--white);
  box-shadow: 0px 0.1rem 0.42rem 0px #6e6e6e33;
}
.cancer-crisis__title {
  color: var(--brandColor);
  font-size: 0.63rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.02rem;
}
.cancer-crisis__description {
  color: var(--darkColor);
  font-size: 0.63rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.02rem;
}
.cancer-crisis__right-container {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  position: relative;
     margin-bottom: 8rem;
}

.cancer-crisis__right-container .cancer-crisis__card-container {
  left: 10.3rem;
  top: 2rem;
  transform: translate(-50%, 50%);
}

@media screen and (min-width: 768px) {
  .cancer-crisis {
    align-items: flex-start;
    gap: .90rem 0rem;
    padding: 0 1.88rem;
  }
  .cancer-crisis__left-image-container {
    width: 13.01rem;
    height: 7.92rem;
    margin-top: 0rem;
  }
  .cancer-crisis__left-image-container > IMG {
    border-top-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
  }
  .cancer-crisis__card-container {
    width: 14.5rem;
    padding: 0.72rem 0.36rem;
    left: 21.5rem;
    top: -3.5rem;
    background-color: transparent;
    box-shadow: none;
  }
  .cancer-crisis__title {
    font-size: 0.45rem;
  }
  .cancer-crisis__description {
    font-size: 0.377rem;
    line-height: 180%;
  }
  .cancer-crisis__right-container {
    align-self: flex-end;
    margin-bottom: 1.5rem;
  }
  .cancer-crisis__right-container .cancer-crisis__card-container {
    top: -1.3rem;
    left: -10.5rem;
  }
}