.banner {
  .background {
    width: max(100%);
    max-width: 100%;
    height: var(--banner-height);
    object-fit: cover;
  }
  .seal {
    position: absolute;
    margin-right: var(--spacing-md);
    margin-left: var(--spacing-md);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    background: var(--color-white);
    // padding: calc(var(--spacing-md) * 0.5);
    padding-top: 5px;
    padding-bottom: 5px;
    width: 15.70rem;
    height: auto;
    object-fit: cover;
    @media only screen and (max-width: 18rem) {
      margin-right: 6%;
      margin-left: 6%;
      width: 88%;
    }
  }
}