/* 
 * Conxnect - Image Optimizations
 * This file contains optimizations for images to improve page performance
 */

/* Set default image dimensions to prevent layout shifts */
.logo img {
  width: 200px;
  height: 60px;
}

/* Product images */
.product-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Industry icons */
.industry-icon img {
  width: 64px;
  height: 64px;
}

/* Optimize images for different screen sizes */
@media (max-width: 767px) {
  .product-image {
    height: 180px;
  }
  
  .logo img {
    width: 160px;
    height: 48px;
  }
}

/* Lazy loading for images below the fold */
.lazy-load {
  opacity: 0;
  transition: opacity 0.3s;
}

.lazy-load.loaded {
  opacity: 1;
}