.selected-garments-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2; /* Farmer -> Selected Garments -> Bullseyes */
}

.selected-garments-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* Ensure the clothing items fit within their containers */
}

.selected-garments-container .head {
  position: absolute;
  bottom: 60%;
  width: 50%;
}

.selected-garments-container .upper {
  position: absolute;
  bottom: 35.5%;
  width: 25%;
}

.selected-garments-container .lower {
  position: absolute;
  bottom: 10%;
  left: 32%;
  width: 37%;
}

/* Media Query for Smaller Desktops */
@media screen and (max-width: 1366px) {
  .selected-garments-container .head {
    bottom: 58%;
    left: 26%;
  }

  .selected-garments-container .upper {
    bottom: 40%;
    left: 37%;
    width: 26%;
  }

  .selected-garments-container .lower {
    bottom: 23%;
    left: 34%;
    width: 32%;
  }
}

/* Media Query for Extra Small Mobile */
@media screen and (max-width: 320px) {
  .selected-garments-container .head {
    bottom: 55%;
  }

  .selected-garments-container .upper {
    bottom: 42%;
    width: 26%;
  }

  .selected-garments-container .lower {
    bottom: 28%;
    left: 32%;
    width: 35%;
  }
}

/* Media Query for Mobile */
@media screen and (max-width: 480px) {
  .selected-garments-container .head {
    bottom: 55%;
  }

  .selected-garments-container .upper {
    bottom: 39%;
    left: 37%;
    width: 26%;
  }

  .selected-garments-container .lower {
    bottom: 22%;
    left: 32%;
    width: 35%;
  }
}