.result-image > img {
  width: 100%;
  display: block;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.project-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #e8e5de;
  transform: none;
  transition: transform .5s ease;
}

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

/* Компактные превью только в блоке «Выберите близкий пример». */
#examples .project-visual {
  display: block;
  height: 220px;
  padding: 14px;
  background: #e8e5de;
}

#examples .project-visual img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

@media (max-width: 780px) {
  #examples .project-visual {
    height: 190px;
    padding: 10px;
  }
}