.sticker-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.sticker-text-wrap {
  text-align: center;
  max-width: 50em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.sticker-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: PP Neue Corp Normal, Arial, sans-serif;
  font-size: 4.75em;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.sticker-img-wrap {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.sticker-item {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 10vw;
  max-width: 9rem;
  height: 12vw;
  max-height: 10rem;
  display: flex;
  position: absolute;
}

.sticker-item.is--1 { top: 10%; left: 10%;}

.sticker-item.is--2 { top: 25%; right: 35%;}

.sticker-item.is--3 { bottom: 15%; left: 15%;}

.sticker-item.is--4 {bottom: 10%; left: 50%;}

.sticker-item.is--5 {top: 35%; left: 15%;}

.sticker-item.is--6 {bottom: 30%; right: 20%;}

.sticker-item.is--7 {top: 15%; right: 20%;}

.sticker-item.is--8 {bottom: 5%; right: 5%;}

.sticker-heading-underline {
  z-index: 0;
  color: #f10000;
  width: 40%;
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translate(-50%);
}

.sticker-item-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .sticker-heading {
    font-size: 3em;
  }

  .sticker-item {
    width: 20vw;
    height: 24vw;
  }
}