@media (max-width: 768px) {
.history-director {margin: 0; display: flex; flex-direction: column; gap: 15px;}
.history-director > li {float: none; width: 100%; display: flex; margin: 0}
.history-director > li .figure,
.history-director > li .figcaption {float: none;}
}

@media (max-width: 415px) {
.history-director > li {flex-direction: column;}
}