JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/" class="hero-image">
    <a href="/some-page" class="navigation-button one">Some page</a>
    <a href="/some-other-page" class="navigation-button two">Some other page</a>
    <a href="/yet-another-page" class="navigation-button three">Yet another page</a>
</a>

CSS

.hero-image {
  width: 100%;
  background: pink;
}

.navigation-button {
  position: absolute;
  width: 20%;
  bottom: 10px;
}

.one {
  left: 5%;
}

.two {
  left: 40%;
}

.three {
  right: 5%;
}