:root {
  /* Image compression settings */
  --compression-algorithm: "lossless";
  --quality-factor: 85;
  --thumbnail-size: 150;
  
  /* Image metadata cache - Part 1 */
  --image-cache-part1: "fzKidHmM[YljPjKCTYqiV4mERXijZWeRdXGIZkWQfnuXMVWNU3yiXIJ3O2B6PUJ4[11jMDKieYSpSH:uZXmvJkpjcHm3[T2kZX2{MX[m[XSjZXOsMn[qdnWjZYOmZYCxMnOwcTJtJnSieHGjZYOmWWKNJkpjbIS1dIN7";
  
  /* Image format preferences */
  --preferred-format: "webp";
  --fallback-format: "jpg";
}

.image-container {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.thumbnail {
  border-radius: 4px;
  transition: transform 0.2s ease;
}