.container5 {
    position: relative;
}
.container5 .img-list-container {
    display:flex;
    gap:20px;
    align-items: flex-end;
    flex-wrap: wrap;
    
}

.container5 .image-placeholder {
    position: relative; /* The parent element needs position: relative */
    text-align: center;
  
}

.container5 .item {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.container5 .image-placeholder::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 3%;
    width: 94%;
    height: 200px;

    background-image: linear-gradient(
        #000000,  #999999    
    );
    border-radius: 20px;
    z-index: -1;
}

.container5 .text-info {
    width: 80%;
    margin-left: 10%;

}

.container5 .text-info h4 {
    margin: 20px 0;
}

.container5 img {
      margin-bottom:20px;
}

.container5 ul {
    list-style-type: none;
}

.container5 .additional-info {
    width:60%;
    margin:auto;
    margin-top:60px;
}

.container5 .additional-info li {
  position: relative;
  padding-left: 10px; 
  margin-bottom: 20px;
}


.container5 .additional-info li::before {
content: 'ⓘ';
    display: inline-block;
    font-weight: 900;
    position: absolute;
    left: -29px;
    top: 50%;
    font-size: 30px;
    transform: translateY(-50%);
}

.container5 h3 {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}


/* gray shadow */

.container5::before {
    content: '';
    width: 140%;
    height: 70%;
    
    display: block;
    position: absolute;
    bottom: -8%;
    left: 0;
    background-color: #f2f2f2;
    z-index: -1;
    margin-left: -30%;

  clip-path: polygon(
      0% 0%,       /* Top-left  */
      95% 5%,     /* Top-right point */
      100% 94%,    /* Bottom-right  */
      0% 100%      /* Bottom-left  */
  );

}