.king-gallery .ratio {--bs-aspect-ratio: 70%; border:2px solid var(--bs-body-bg) }
.king-gallery .ratio .caption { opacity: 0;transition: transform 0.4s, opacity 0.1s 0.3s; transform: translateY(100%); backface-visibility: hidden; width: 100%; position: absolute; top: auto; bottom: 0; left: 0; padding: 10px; color: #fff;background: rgba(0,0,0,.5); }
.king-gallery .ratio:hover .caption {  opacity: 1; transition: transform  0.4s, opacity 0.1s; transform: translateY(0px);  font-size:90%; display: flex;  flex-direction: column; }