Fixed issue where some image cards in samples and datasets would show gray instead of the image until you scroll.

ui/src/components/DatasetImageCard.tsx

@@ -221,11 +221,8 @@ const DatasetImageCard: React.FC<DatasetImageCardProps> = ({
             <img
               src={blobUrl}
               alt={alt}
-              decoding="async"
               onClick={onImageClick}
-              className={classNames('w-full h-full object-contain transition-opacity duration-300', {
+              className={classNames('w-full h-full object-contain', {
-                'opacity-100': loaded,
-                'opacity-0': !loaded,
                 'cursor-zoom-in': !!onImageClick,
               })}
             />

ui/src/components/SampleImageCard.tsx

@@ -133,14 +133,7 @@ const SampleImageCard: React.FC<SampleImageCardProps> = ({
                 controls={false}
               />
             ) : blobUrl ? (
-              <img
+              <img src={blobUrl} alt={alt} className="w-full h-full object-cover" />
-                src={blobUrl}
-                alt={alt}
-                decoding="async"
-                className={`w-full h-full object-cover transition-opacity duration-300 ${
-                  loaded ? 'opacity-100' : 'opacity-0'
-                }`}
-              />
             ) : null
           ) : null}