.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
  }

  .image-card {
    flex: 1 1 calc(25% - 10px);
    box-sizing: border-box;
  }

  .image-card img {
    width: 100%;
    height: auto;
    display: block;
}

.image-card2 {
    flex: 1 1 calc(15% - 10px);
    box-sizing: border-box;
  }

  .image-card2 img {
    width: 100%;
    height: auto;
    display: block;
}

  /* .image-card2 {
    position: absolute;
    width: 115px;
    top: 45px;
    left: 230px;
    transition: transform 0.5s ease;
  } */
/* 
  .image-card:nth-child(1) { left: 0px; }
  .image-card:nth-child(2) { left: 100px; }
  .image-card:nth-child(3) { left: 200px; }
  .image-card:nth-child(4) { left: 300px; } */