.pp-sections-featured-logos {
  --logos__height: 4rem;
}

.pp-sections-featured-logos__item {
  flex: 0 1 auto;
}

.pp-sections-featured-logos__img {
  height: var(--logos__height);
  width: auto;
  max-width: 100%;
  object-fit: contain;

  transition: var(--v-transition__default);
}

.pp-sections-featured-logos__img:hover {
  transform: scale(1.04);
}

@media (min-width: 700px) {
  .pp-sections-featured-logos {
    --logos__height: 4rem;
  }
}

@media (min-width: 1000px) {
  .pp-sections-featured-logos {
    --logos__height: 7rem;
  }
}