.project-preview {
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f4ed;
  border-bottom: 2px solid #121a26;
}

.project-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  background: #f7f4ed;
  transition: transform 220ms ease;
}

.work-card:hover .project-preview img {
  transform: scale(1.015);
}

.project-preview > span {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 2;
}

.about-logo {
  width: min(100%, 38rem);
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

@media (max-width: 760px) {
  .project-preview {
    aspect-ratio: 16 / 10;
  }
}