.el-image-story { display: grid; gap: clamp(2rem, 5vw, 4rem); }
.el-image-story .el-image-story-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1rem, 3vw, 2.5rem); align-items: center; margin: 0; }
.el-image-story .el-image-story-media { grid-column: 1; grid-row: 1; margin: 0; min-width: 0; }
.el-image-story .el-image-story-media img { display: block; width: 100%; height: auto; object-fit: contain; margin: 0; }
.el-image-story .el-image-story-text { grid-column: 2; grid-row: 1; min-width: 0; overflow-wrap: anywhere; }
.el-image-story-text > :first-child { margin-top: 0; }
.el-image-story-text > :last-child { margin-bottom: 0; }
@media (min-width: 641px) {
    .el-image-story--left > .el-image-story-item > .el-image-story-media,
    .el-image-story--alternating > .el-image-story-item:nth-child(odd) > .el-image-story-media { grid-column: 2; }
    .el-image-story--left > .el-image-story-item > .el-image-story-text,
    .el-image-story--alternating > .el-image-story-item:nth-child(odd) > .el-image-story-text { grid-column: 1; }
}
.el-image-story--below .el-image-story-item { grid-template-columns: minmax(0, 1fr); }
.el-image-story--below > .el-image-story-item > .el-image-story-text { grid-column: 1; grid-row: 2; }
.editor-styles-wrapper .el-image-story-item { padding: 12px; outline: 1px dashed currentColor; }
.editor-styles-wrapper .el-image-story-media .components-button { margin-top: 12px; }
@media (max-width: 640px) {
    .el-image-story .el-image-story-item { grid-template-columns: minmax(0, 1fr); }
    .el-image-story .el-image-story-item > .el-image-story-media { grid-column: 1; grid-row: 1; }
    .el-image-story .el-image-story-item > .el-image-story-text { grid-column: 1; grid-row: 2; }
}