header {
  position: relative;
}

#whales {
  top: 5vw;
}

#content {
  padding: 0px;
  position: fixed;
  bottom: calc(40% - 20vw);
  width: 100%;
  max-width: calc(250px + 5vw);
  transform: translateY(-50%);
}

#jahndis {
  width: 60%;
  display: inline-block;
  margin: -10px 20%;
  pointer-events: none;
  image-rendering: pixelated;
  animation: hover 2s ease-in-out infinite alternate;
}

#name {
  margin-left: 23%;
  margin-bottom: 20px;
  font-family: var(--font-brand);
  font-size: 12pt;
  color: var(--color-primary);
  pointer-events: none;
}

@keyframes hover { 
  0% { 
    padding-bottom: 0px;
  }
  100% { 
    padding-bottom: 10px;
  }
}