/* MOBILE */
.services-section--alternating-rows {
  figure {
    aspect-ratio: 16/9;
  }
}

.services-section .card {
  background-color: var(--color-secondary);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-secondary);
  color: var(--color-primary);
  padding: 12px 14px;

  h3 {
    color: var(--color-accent-light);
    margin-bottom: 0;
  }

  i {
    display: block;
    height: 42px;
    width: 42px;
  }
}

.services-section--alternating-rows {
  figure {
    border-radius: var(--radius-default);
    box-shadow: var(--shadow-secondary);
  }
}


/* DESKTOP */
@media(min-width: 768px) {
  .services-section--alternating-rows {
    figure {
      aspect-ratio: 9/10;
    }
  }
}