.gates-story-grid {
    align-items: start;
}

.gates-story-grid > *,
.gates-story-content {
    min-width: 0;
}

.gates-story-visual {
    width: 100%;
    max-width: 100%;
    align-self: start;
}

.gates-story-actions {
    min-width: 0;
}

.gates-story-actions .btn {
    max-width: 100%;
    height: auto;
    min-height: 52px;
    white-space: normal;
    line-height: 1.25;
}

@media (max-width: 980px) {
    .gates-story-visual {
        width: min(100%, 600px);
        margin-inline: auto;
    }
}

@media (max-width: 620px) {
    .gates-story-visual {
        width: 100%;
    }
}