.timeline {
  position: relative;
  display: grid;
  gap: 18px;
}

.timeline-item {
  padding: 24px;
  border-left: 4px solid var(--blue);
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.values {
  align-items: stretch;
}

.wide-image {
  min-height: 360px;
  border-radius: var(--radius);
  background-image:
    linear-gradient(rgba(8, 62, 95, 0.22), rgba(8, 62, 95, 0.22)),
    url("../static/assets/about_wide.jpg"),
    url("https://images.unsplash.com/photo-1601758124510-52d02ddb7cbd?auto=format&fit=crop&w=1400&q=80");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}