.home-card-items {
    display: flex;
    margin-right: -15px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
  
.home-card-items .card-item {
    position: relative;
    width: 100%;
    padding-right: 15px;
    flex: 0 0 25%;
    max-width: 25%;
}
  
.home-card-items .pic {
    padding-top: 100%;
    border-radius: 15px;
}

.pic {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #ffd5d6;
  }
  
.pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.horizontal-banner {
    /* background-color: #ffd5d6; */
    position: relative;
    overflow: hidden;
}
.horizontal-banner img {
    width: 100%;
}