.hero img.rounded-circle,
#about img.rounded-circle {
  object-fit: cover;
}

@media (min-width: 992px) {
  #about ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 1.25rem;
  }
}

#hero .image img {
  max-height: 360px;
}

#projects .card-img-top {
  height: 280px;
  object-fit: cover;
  object-position: center 30%;
}

#projects .card-img-top.card-img-contain {
  object-fit: contain;
  object-position: center;
  background-color: #fff;
}

.education-content:empty {
  display: none;
}

footer .text-muted,
footer .text-secondary {
  font-size: 0.95rem;
}