.banner {
  position: relative;
  height: 600px;
}
.banner .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.banner .container .banner__infos {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.banner .container .banner__profile {
  display: flex;
  align-items: end;
}
.banner .container .banner__profile img {
  width: auto;
  height: 540px;
}

@media (max-width: 800px) {
  .banner {
    height: 500px;
  }
  .banner .container {
    padding-top: calc(2 * var(--space));
    flex-direction: column;
  }
  .banner .container .banner__infos, .banner .container .banner__profile {
    margin: auto;
  }
  .banner .container .banner__profile {
    margin-top: calc(2 * var(--space));
  }
  .banner .container .banner__profile img {
    height: 440px;
  }
}