.dragdrop-outer-container {
  position: absolute;
  top: 12.5%;
  left: 1%;
  right: 1%;
  bottom: 10%;
  padding: 5px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.dragdrop-img-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 85%;
  height: 100%;
  box-sizing: border-box;
}

.dragdrop-img-card {
  width: 19%;
  border: 2px solid darkgrey;
  margin: 10px 2.5px;
  padding: 7.5px;
  background-color: white;
}

.dragdrop-img-card img {
  width: 100%;
  border: 1px solid orange;
}

.dragdrop-img-card-text {
  width: 100%;
  height: 35px;
  margin-top: 5px;
  border: 2px dashed darkgrey;
  background-color: lavender;
  text-align: center;
}

.dragdrop-name-container {
  border: 5px solid grey;
  background-color: lightgrey;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15%;
  padding: 25px 0;
  height: 100%;
}

.dragdrop-name-label-outline {
  width: 160px;
  height: 35px;
  margin: 5px 0;
  border: 2px dashed darkgrey;
  background-color: lavender;
}

.dragdrop-name-label {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}
.dragdrop-name-label:hover {
  cursor: pointer;
}