.links--item {
  margin-bottom: 3rem;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .links--item {
    flex-direction: column;
  }
}
.links--item:hover {
  background-color: var(--light-green);
}
.links--image {
  width: 40%;
}
@media (max-width: 768px) {
  .links--image {
    width: 100%;
  }
}
.links--content {
  width: 57%;
}
@media (max-width: 768px) {
  .links--content {
    width: 100%;
  }
}
.links--content h3 {
  margin-bottom: 2rem;
  font-size: 2.3rem;
}