.image-container {
  display: flex;
}

.image-container img {
  width: 36%; /* Adjust the width as needed */
  margin-right: 10px; /* Adjust the margin as needed */
}

@media (max-width: 768px) {
  /* Adjust the breakpoint as needed */
  .image-container {
    flex-wrap: wrap;
  }

  .image-container img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; /* Adjust the margin as needed */
  }
}
.component-info{
  margin-right: 1550px;
  margin-top: 50px;
}
.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in.active {
  opacity: 1;
}