/* Firefox-specific fixes for Image Links Alternative Layouts - Targeted approach */

/* Use body class or page-specific selectors to target only intended pages */
@-moz-document url-prefix() {
  /* Target all Image Links alternative layouts in Firefox */
  .image-links-alt-layout .portfolio-item-image,
  .portfolio-item-container[style*="flex-direction: row-reverse"] .portfolio-item-image,
  .portfolio-item-container.image-links-alt-layout .portfolio-item-image,
  .portfolio-item-container.image-links-alt-layout.image-links-alt-layout--reverse .portfolio-item-image {
    width: 300px !important;
    height: 200px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    flex: 0 0 300px !important;
    display: block !important;
  }
  
  .image-links-alt-layout .portfolio-item-image img,
  .portfolio-item-container[style*="flex-direction: row-reverse"] .portfolio-item-image img,
  .portfolio-item-container.image-links-alt-layout .portfolio-item-image img,
  .portfolio-item-container.image-links-alt-layout.image-links-alt-layout--reverse .portfolio-item-image img {
    width: 300px !important;
    height: 200px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}

/* Alternative approach using @supports for Firefox detection */
@supports (-moz-appearance: none) {
  .image-links-alt-layout .portfolio-item-image,
  .portfolio-item-container[style*="flex-direction: row-reverse"] .portfolio-item-image,
  .portfolio-item-container.image-links-alt-layout .portfolio-item-image,
  .portfolio-item-container.image-links-alt-layout.image-links-alt-layout--reverse .portfolio-item-image {
    width: 300px !important;
    height: 200px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    flex: 0 0 300px !important;
    display: block !important;
  }
  
  .image-links-alt-layout .portfolio-item-image img,
  .portfolio-item-container[style*="flex-direction: row-reverse"] .portfolio-item-image img,
  .portfolio-item-container.image-links-alt-layout .portfolio-item-image img,
  .portfolio-item-container.image-links-alt-layout.image-links-alt-layout--reverse .portfolio-item-image img {
    width: 300px !important;
    height: 200px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}