.base-image{aspect-ratio:var(--ratio,auto)}.base-image.clipped{-webkit-mask:linear-gradient(45deg,transparent var(--size,20px),#000 var(--size,20px)) no-repeat 0 100%/100% 51%,linear-gradient(45deg,#000 calc(100% - var(--size, 20px)),transparent calc(100% - var(--size, 20px))) no-repeat 0 0/100% 51%;mask:linear-gradient(45deg,transparent var(--size,20px),#000 var(--size,20px)) no-repeat 0 100%/100% 51%,linear-gradient(45deg,#000 calc(100% - var(--size, 20px)),transparent calc(100% - var(--size, 20px))) no-repeat 0 0/100% 51%}.base-image.fold{-webkit-mask:linear-gradient(45deg,transparent 20px,#000 0) no-repeat 0 100%/100% 100%;mask:linear-gradient(45deg,transparent 20px,#000 0) no-repeat 0 100%/100% 100%}.base-image img{display:block;height:100%;transition:transform .3s ease;width:100%}.base-image.hover-effect:hover img{transform:scale(1.05)}.base-image .shimmer:before{animation:shimmer 1s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;position:absolute;width:100%;z-index:1}