.list-images {
  --imageMaxWidth: 75px;
  --imageHeight: 48px;
  padding: calc(var(--spacing) * 2);
  background: var(--colour-accent);
}
.list-images .title {
  text-align: center;
}
.list-images .title + .list-images__images {
  margin-top: var(--spacing);
}
.list-images__images .list-icons {
  width: auto;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}
.list-images__images .list-icons > div {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-flex: 0;
  flex: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  height: auto;
}
.list-images__images .list-icons > div a {
  width: auto;
  height: auto;
}
.list-images__images .list-icons > div .picture {
  width: auto;
  height: auto;
}
.list-images__images .list-icons > div .picture img {
  width: auto;
  height: var(--imageHeight);
  max-width: var(--imageMaxWidth);
}
@media (min-width: 768px) {
  .list-images {
    --imageMaxWidth: 120px;
    --imageHeight: 72px;
  }
  .list-images__images .list-icons {
    margin-left: -25px;
    margin-right: -25px;
  }
  .list-images__images .list-icons > div {
    margin-left: 25px;
    margin-right: 25px;
  }
  .list-images__images .list-icons > div a,
  .list-images__images .list-icons > div .picture {
    width: auto;
    height: auto;
  }
}