* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.special-display {
position: relative;
display: flex;
  height: 100%;
  min-height: 600px;

}

.special-display ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.special-display img {

  object-fit: cover;
  border-radius: 6px;
}

.special-display ul li{
  position: absolute;
  padding: .5rem .5rem 2rem .5rem;
  background-color: white;
  border:3px solid white;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}

.special-display ul li:first-child{
  left: 66.28px;
  top: 8.61px;
  transform: rotate(-3.92deg);
}
.special-display ul li:first-child img{
  width: 284px;
  height: 347px;

}

.special-display ul li:nth-child(2){
  top:0rem;
  right:3rem;
  transform: rotate(6.34deg);
}

.special-display ul li:nth-child(2) img,
.special-display ul li:nth-child(3) img{
width: 171px;
height: 241px;
}

  .special-display ul li:nth-child(3){
    bottom:0;
    left:6.5rem;
    transform: rotate(4.5deg);
    z-index: 100;
    }


    .special-display ul li:nth-child(4) img {
      width: 317px;
      height: 200px;
    }

    .special-display ul li:nth-child(4){
      bottom:2.25rem;
      right:-1.25rem;
      transform: rotate(-3.5deg);
      }