.body {
  background-image: url('../images/Background.jpg');
  background-position: 0 0;
  background-size: cover;
  overflow: hidden;
}

.logo {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image {
  filter: invert();
  width: 10%;
}

.section {
  padding: 20px;
}

.title {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nomination-text {
  flex: 0 auto;
  width: 60%;
  padding-top: 45px;
  display: block;
}

.blackpink-photo {
  width: 30%;
  position: absolute;
  inset: auto 0% 0% 5%;
}

.peso-photo {
  width: 15%;
  position: absolute;
  inset: 5% 5% 0% auto;
}

.odeal-photo {
  width: 10%;
  position: absolute;
  inset: 5% auto 0% 1%;
}

.sunset-blvd-photo {
  width: 10%;
  position: absolute;
  inset: auto 0% 0% 85%;
}

.mumford-photo {
  width: 30%;
  position: absolute;
  inset: 68% 0% 0% 45%;
}

.yoasobi-photo {
  width: 18%;
  position: absolute;
  inset: 10% 0% auto 25%;
}

.lorkin-poe {
  display: block;
}

.larkin-poe-photo {
  width: 12%;
  position: absolute;
  inset: 8% 30% 0% auto;
}

@media screen and (min-width: 1280px) {
  .body {
    overflow: hidden;
  }

  .title {
    padding-top: 30px;
  }

  .nomination-text {
    width: 60%;
    padding-top: 0;
  }

  .blackpink-photo {
    width: 25%;
  }

  .peso-photo {
    width: 13%;
  }

  .odeal-photo {
    width: 8%;
  }

  .sunset-blvd-photo {
    width: 9%;
  }

  .mumford-photo {
    width: 25%;
  }

  .yoasobi-photo {
    width: 15%;
    top: 6%;
  }

  .larkin-poe-photo {
    width: 10%;
    top: 5%;
  }
}

@media screen and (max-width: 991px) {
  .image {
    width: 15%;
  }

  .nomination-text {
    padding-top: 60px;
  }

  .blackpink-photo {
    width: 35%;
  }

  .peso-photo {
    width: 18%;
  }

  .odeal-photo {
    width: 11%;
    top: 2%;
    left: 2%;
  }

  .sunset-blvd-photo {
    width: 12%;
    left: 85%;
  }

  .mumford-photo {
    width: 35%;
  }

  .yoasobi-photo {
    width: 25%;
    inset: auto 0% 61% 35%;
  }

  .lorkin-poe {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .body {
    overflow: visible;
  }

  .image {
    width: 15%;
  }

  .title {
    inset: 10% 0% auto;
  }

  .nomination-text {
    width: 50%;
    padding-top: 0;
  }

  .blackpink-photo {
    width: 45%;
    left: 10%;
  }

  .peso-photo {
    width: 20%;
    inset: auto 0% 38% 40%;
  }

  .odeal-photo {
    width: 17%;
    inset: 25% auto auto 2%;
  }

  .sunset-blvd-photo {
    width: 15%;
    left: 75%;
  }

  .mumford-photo {
    width: 40%;
    top: 20%;
    left: 23%;
    transform: rotate(-2deg);
  }

  .mumford {
    display: none;
  }

  .yoasobi-photo {
    width: 30%;
    inset: 15% auto 0% 30%;
  }

  .yoasobi {
    display: none;
  }

  .lorkin-poe {
    display: block;
  }

  .larkin-poe-photo {
    width: 25%;
    position: absolute;
    inset: 28% 5% 0% auto;
  }
}

@media screen and (max-width: 479px) {
  .body {
    overflow: visible;
  }

  .image {
    width: 30%;
  }

  .title {
    justify-content: center;
    align-items: flex-start;
    inset: 10% 0% auto;
  }

  .nomination-text {
    width: 70%;
    padding-top: 0;
  }

  .blackpink-photo {
    width: 43%;
    left: 2%;
  }

  .peso-photo {
    width: 30%;
    inset: 25% 2% 0% auto;
  }

  .odeal-photo {
    width: 18%;
    inset: 23% 0% auto 2%;
  }

  .sunset-blvd-photo {
    width: 25%;
    left: 70%;
  }

  .mumford-photo {
    width: 50%;
    inset: auto 0% 22% 20%;
  }

  .mumford {
    display: block;
  }

  .yoasobi-photo {
    width: 35%;
    inset: auto 0% 45% 28%;
  }

  .yoasobi {
    display: block;
  }

  .lorkin-poe {
    display: none;
  }
}