/* ============================================
LICENSES GALLERY
============================================ */
.license-image {
padding-top: 133.33%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
overflow: hidden;
transition: var(--med-transition);
background: var(--med-bg);
content-visibility: auto;
contain-intrinsic-size: 300px 400px;
}
@supports (aspect-ratio: 3/4) {
.license-image {
padding-top: 0;
aspect-ratio: 3/4;
}
}
.license-image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s;
}
@supports (aspect-ratio: 3/4) {
.license-image img {
position: static;
transform: none;
}
}
.license-image:hover img {
transform: scale(1.05);
}