.grid-item {
  position: relative;
}

.grid-item::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 50%;
  height: 2px;
  background-color: var(--wp--preset--color--tumma-sininen);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.grid-item-left::after {
  content: "";
  position: absolute;
  right: calc(-1 * var(--wp--preset--spacing--80) / 2);
  top: 50%;
  transform: translateY(-50%);
  height: 70%;
  width: 2px;
  background-color: var(--wp--preset--color--tumma-sininen);
}

.grid-item-bottom h2,
.grid-item-bottom p {
  text-align: center !important;
}

@media (max-width: 781px) {
  .grid-item::before {
    transform: none;
    left: 0;
    max-width: 200px;
  }

  .grid-item-left::after {
    display: none !important;
  }

  .grid-item-bottom h2,
  .grid-item-bottom p {
    text-align: left !important;
  }
}