/* Маскот FunPyCode — разные пропорции (квадрат и широкий 16:9) */

.mascot {
  margin: 0;
  line-height: 0;
}

.mascot--center {
  text-align: center;
}

.mascot__img {
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}

.mascot__img--xs {
  max-height: 4.5rem;
}

.mascot__img--sm {
  max-height: 7rem;
}

.mascot__img--md {
  max-height: 9.5rem;
}

.mascot__img--lg {
  max-height: 12rem;
}

.mascot__img--xl {
  max-height: 14rem;
}

.mascot__img--hero {
  width: min(100%, 31.5rem);
  max-height: none;
}

/* Широкие иллюстрации (~1376×768) */
.mascot__img--wide {
  width: min(100%, 20rem);
  max-height: 8.5rem;
}

@media (min-width: 768px) {
  .mascot__img--wide {
    width: min(100%, 26rem);
    max-height: 10.5rem;
  }
}

.mascot__img--wide-lg {
  width: min(100%, 24rem);
  max-height: 10rem;
}

@media (min-width: 1024px) {
  .mascot__img--wide-lg {
    width: min(100%, 32rem);
    max-height: 13rem;
  }
}