.file-tiles .file-tile {
position: relative;
display: block;
overflow: hidden;
border-radius: 6px;
background: #000;
text-decoration: none;
}
.file-tile-media img {
width: 100%;
height: 240px;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .35s ease;
}
.file-tile:hover img {
transform: scale(1.05);
}
.file-tile-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
background: linear-gradient(
to top,
rgba(0,0,0,.65) 0%,
rgba(0,0,0,.25) 40%,
rgba(0,0,0,0) 100%
);
padding: 1rem;
}
.file-tile-title {
color: #fff;
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
text-shadow: 0 2px 6px rgba(0,0,0,.5);
}