.overlay-widget-container {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
} .overlay-widget-container.square {
aspect-ratio: 1 / 1;
}
.overlay-widget-container img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 350ms ease;
}
.overlay-widget-container:hover img {
transition: transform 350ms ease;
} .overlay-text {
position: absolute;
width: 100%;
left: 0;
padding: 20px;
box-sizing: border-box;
text-align: center;
text-transform: uppercase;
font-weight: bold;
text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
pointer-events: none;
} .overlay-text.center {
top: 50%;
transform: translateY(-50%);
}
.overlay-text.bottom {
bottom: 10%;
}