/*
  Show the generated project infographics clearly inside the existing
  compact Projects-page cards without affecting non-infographic images.
*/
.page-projects .project-card__image img[src*="/images/projects/infographics/"],
.page-projects .project-card__thumb img[src*="/images/projects/infographics/"] {
  object-fit: contain !important;
  object-position: center !important;
  padding: 8px !important;
  background: #ffffff !important;
  transform: none !important;
}

.page-projects .project-card__image:has(img[src*="/images/projects/infographics/"]) {
  height: 230px;
  background: #ffffff;
}

.page-projects .project-card__thumb:has(img[src*="/images/projects/infographics/"]) {
  background: #ffffff;
}

.page-projects .project-card:hover .project-card__image img[src*="/images/projects/infographics/"],
.page-projects .project-card:hover .project-card__thumb img[src*="/images/projects/infographics/"] {
  transform: scale(1.01) !important;
}

@media (max-width: 720px) {
  .page-projects .project-card__image:has(img[src*="/images/projects/infographics/"]) {
    height: 215px;
  }
}

/*# sourceMappingURL=zzzzzzzzzzzzzzzzz-project-card-infographics.css.map */