.menu-taxon {
  .image-overlay-content {
    position: relative;
    margin-bottom: 1.5rem;

    img {
      width: 100%;
    }

    .text-overlay {
      position: absolute;
      z-index: 999;
      bottom: 0%;
      background-color: rgb(2 9 51 / 80%);
      width: 100%;
      color: white;
      font-weight: 600;
      padding: 1em;
      text-align: center;

      &:hover, &:visited {
        color: var(--ems-yellow);
        text-decoration: underline;
      }

      a {
        color: white;
        text-decoration: none;
      }
    }
  }
}