.el-image__error,
.el-image__inner,
.el-image__placeholder,
.el-image__wrapper {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    opacity: 1;
    vertical-align: top
}

.el-image__inner.is-loading {
    opacity: 0
}

.el-image__wrapper {
    left: 0;
    position: absolute;
    top: 0
}

.el-image__error,
.el-image__placeholder {
    background: var(--el-fill-color-light)
}

.el-image__error {
    align-items: center;
    color: var(--el-text-color-placeholder);
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}