.x-image{height:auto;overflow:hidden;position:relative}.x-image img{transition:filter .5s ease}.x-image.darken img{filter:brightness(50%)}.x-image.darker img{filter:brightness(30%)}.x-image.grayscale img{filter:grayscale(70%)}.x-image.hover-darken img{filter:brightness(60%);transition:filter .3s ease}.x-image picture{display:block;height:100%;position:relative;width:100%}.x-image picture>img{display:block;-o-object-fit:cover;object-fit:cover;width:100%}.x-image .overlay{color:#fff;inset:0;position:absolute;z-index:1}.x-image:focus-within .x-action-icon,.x-image:hover .x-action-icon{opacity:1}