JSFiddle - React, Tailwind, and code Playground

HTML

<div class="story__gallery gallery">
  <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
    <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
    <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
    <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
    <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
    <div class="gallery__item">
    <div class="gallery__item__heading">
      <div class="gallery__item__year">
        <div class="gallery__item__year__point position-relative">
        </div>
      </div>
    </div>
  </div>
</div>

CSS

body {
  background: gray;
}

.gallery__item__year__point {
  margin: 40px 0 85px; 
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  border: 6px solid #e2b879;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 100%;
}