/* Betterware: the complete portrait defines its own height. */
#project-betterware {
  min-height: 0;
  padding: 0 0 6vw;
}

#project-betterware .project-main {
  position: relative;
  inset: auto;
  width: 62.5%;
  height: auto;
  min-height: 0;
  margin-left: 37.5%;
  aspect-ratio: auto !important;
  background: transparent;
}

#project-betterware .project-main img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#project-betterware .project-caption {
  position: absolute;
  top: 50%;
  left: 4vw;
  right: auto;
  width: calc(100% - 8vw);
  padding: 0;
}

@media (max-width: 767px) {
  #project-betterware {
    padding-bottom: 9vw;
  }

  #project-betterware .project-main {
    width: 100%;
    margin-left: 0;
  }

  #project-betterware .project-caption {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin-top: -9vw;
    padding: 0 4vw;
  }
}