.active-block {
  opacity: 1 !important;
}

.box-lazy {
  opacity: 0;
  /* Ban đầu làm mờ thẻ div, nhưng vẫn giữ kích thước để cuộn */
  transition: opacity 0.5s ease;
  /* Hiệu ứng chuyển đổi mượt mà */
}


.image-container {
  position: relative;
  /* Để pseudo-element có thể được định vị tương đối */
  overflow: hidden;
  /* Ẩn các phần tử ngoài khung */
  width: 100%;
  /* Đặt chiều rộng cho div */
  height: 100%;
  /* Đặt chiều cao cho div */
  background-color: #e0e0e0;
  /* Màu nền của div */
  border-radius: 10px;
}


.wave {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%; /* Đảm bảo sóng đủ rộng để tạo hiệu ứng */
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  animation: wave-animation 1.5s linear infinite; /* Thay đổi thời gian tại đây */
}
/* Định nghĩa animation sóng */
@keyframes wave-animation {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.provide_services__content-article img {
  transition: opacity 0.5s ease;
}

/* Hiệu ứng hiển thị ảnh */
.active {
  opacity: 1;
  /* Hiển thị ảnh */
}