.main-header {
  position: relative;
  height: 65vh;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 30, 74, 1);
  mix-blend-mode: overlay;
}

.bottom-overlay {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 100%;
  background: url('/images/maritime/mask.svg') no-repeat center bottom;
  background-size: 100%;
}