.anon-original-gif { position: relative; display: inline-block; width: 100%; aspect-ratio: 1; max-width: 100%; vertical-align: middle; contain: layout paint; isolation: isolate; animation: none !important; }
/* 4.1.2: Original GIF canvases, with transparent padding framed by CSS only. */
.anon-original-gif { overflow: hidden; }
.anon-original-gif > img.anon-gif-image {
  position: absolute !important; display: block !important;
  width: var(--anon-gif-width, 100%) !important;
  height: var(--anon-gif-height, 100%) !important;
  left: var(--anon-gif-left, 0%) !important;
  top: var(--anon-gif-top, 0%) !important;
  max-width: none !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important;
  object-fit: fill !important; transform: none !important;
}

.anon-empty-art .anon-original-gif { width: 150px; height: 170px; }
.anon-not-found .anon-original-gif { display:block; width: 180px; height: 200px; margin: 0 auto 24px; }
.studio-note-panel .anon-original-gif { width: 95px; height: 110px; }
.studio-list-empty .anon-original-gif { width: 100px; height: 115px; }
/* Empty-catalogue artwork remains visible on small screens as well as desktop. */
.anon-empty-art { display: grid; }
.anon-empty-art .anon-original-gif { width: 100%; height: 100%; }
@media (max-width: 760px) {
  .anon-empty-catalog { flex-direction: column; align-items: flex-start; }
  .anon-empty-art { width: 100px; height: 110px; align-self: center; }
}
