.site-footer__banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px 16px;
}

.site-footer__banners a {
  display: block;
  width: 320px;
  max-width: 100%;
  line-height: 0;
}

.site-footer__banners a:hover,
.site-footer__banners a:focus {
  opacity: 0.6;
}

.site-footer__banners img {
  display: block;
  width: 320px;
  max-width: 100%;
  height: auto;
}