div.container{display:flex;align-items:center;-webkit-tap-highlight-color:transparent;box-sizing:border-box;width:100%}.image-container{position:relative;z-index:0;border-radius:var(--radius-secondary);width:100%}.image-container{aspect-ratio:1/1}.image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.image-main{object-fit:contain;z-index:2}.image-main:not([src]),.image-main[src=""]{opacity:0}.image-fallback{z-index:1;display:flex;align-items:stretch;justify-content:center;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box}.image-fallback::part(container){width:100%;height:100%;min-height:0;box-sizing:border-box}.image-fallback::part(image){width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}