.wx-xten-image { display: flex; position: relative; overflow: hidden; width: 100%; max-height: 100%; justify-content: center; align-items: center; }
.wx-xten-image > .wx-xten-toolbar { display: none; position: relative; } .wx-xten-image.wx-state-editable .wx-xten-toolbar {display: flex;} .wx-xten-image.image-changed .wx-xten-toolbar {display: flex;} .wx-xten-image.image-changed {border: 5px solid red;} .wx-xten-image > img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .wx-xten-image > .wx-xten-toolbar > .close {display: none;} .wx-xten-image > .wx-xten-toolbar > .save {display: none;} .wx-xten-image.image-changed > .wx-xten-toolbar > .close {display: inline-block;} .wx-xten-image.image-changed > .wx-xten-toolbar > .save {display: inline-block;}