.header-vendor {
  background-color: #20386A;
  padding-top: 9rem;
  --bs-aspect-ratio: calc(100% / 928 * 522);
  --overlap: 100px;
  margin-bottom: calc(var(--overlap));
  position: relative;
}
.header-vendor .logo-wrapper {
  max-width: 240px;
}
.header-vendor .ratio {
  margin-bottom: calc(var(--overlap) * -1);
}
.header-vendor .ratio img {
  object-fit: cover;
}
.header-vendor .bottom-shape {
  position: absolute;
  bottom: -50px;
  left: 30%;
}
@media (max-width: 991.98px) {
  .header-vendor .bottom-shape {
    display: none;
  }
}