.abast-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(9, 9, 9, 0.92) 0%,
      rgba(14, 14, 14, 0.84) 38%,
      rgba(20, 20, 20, 0.46) 68%,
      rgba(116, 170, 31, 0.2) 100%
    ),
    url('../../img/abastecimiento/hero-abastecimiento.jpg');
  background-position: center;
  background-size: cover;
}

.abast-process-image {
  max-width: 1040px;
  margin: 0 auto var(--obritek-spacing-xl);
}

.abast-process-image img,
.coverage-logistics-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 14px;
}

.abast-process-image img {
  aspect-ratio: 3 / 2;
  box-shadow: 0 20px 44px rgba(17, 17, 17, 0.14);
}

.abast-process-image figcaption {
  margin-top: 0.65rem;
  color: var(--obrk-text-secondary);
  text-align: center;
}

.coverage-logistics-image {
  aspect-ratio: 3 / 2;
  margin-bottom: 0.25rem;
}

@media (max-width: 768px) {
  .abast-hero {
    background-position: 62% center;
  }

  .abast-process-image {
    margin-bottom: var(--obritek-spacing-lg);
  }
}