.sy-partner {
  --sx: 100cqw;
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 730;
  margin: -1px 0 0;
  overflow: hidden;
  background: #fff;
  color: #2f2018;
}

.sy-partner__title,
.sy-partner__logo {
  position: absolute;
  margin: 0;
}

.sy-partner__title {
  left: 50%;
  top: calc(var(--sx) * 115 / 1920);
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(var(--sx) * 1500 / 1920);
  font-family: "SVN-Gilroy", Manrope, sans-serif;
  font-weight: 500;
  font-size: calc(var(--sx) * 64 / 1920);
  line-height: calc(var(--sx) * 69 / 1920);
  letter-spacing: -0.03em;
  text-align: center;
  text-transform: uppercase;
  color: #2f2018;
  white-space: nowrap;
}

.sy-partner__logo {
  width: calc(var(--sx) * 300 / 1920);
  height: calc(var(--sx) * 160 / 1920);
  top: calc(var(--sx) * 248 / 1920);
  object-fit: contain;
}

.sy-partner__logo--1 { left: calc(var(--sx) * 90 / 1920); }
.sy-partner__logo--2,
.sy-partner__logo--b1 { left: calc(var(--sx) * 450 / 1920); }
.sy-partner__logo--3,
.sy-partner__logo--b2 { left: calc(var(--sx) * 810 / 1920); }
.sy-partner__logo--4,
.sy-partner__logo--b3 { left: calc(var(--sx) * 1170 / 1920); }
.sy-partner__logo--5 { left: calc(var(--sx) * 1530 / 1920); }

.sy-partner__logo--b1,
.sy-partner__logo--b2,
.sy-partner__logo--b3 {
  top: calc(var(--sx) * 545 / 1920);
  height: calc(var(--sx) * 150 / 1920);
}