.sccOverlayTile-Wrapper {
display: grid;
width: 100%;
max-width: 100vw;
}
.sccOverlayTile-Wrapper .overlayTile-Item {
position: relative;
background-size: cover;
background-position: center center;
background-color: whitesmoke;
aspect-ratio: 1;
}
.sccOverlayTile-Wrapper .overlayTile-Content {
display: flex;
justify-content: flex-start;
align-items: flex-end;
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 250ms ease-in-out;
-webkit-transition: opacity 250ms ease-in-out;
-moz-transition: opacity 250ms ease-in-out;
-ms-transition: opacity 250ms ease-in-out;
-o-transition: opacity 250ms ease-in-out;
}
.sccOverlayTile-Wrapper .overlayTile-Item:hover .overlayTile-Content {
opacity: 1;
}
[data-elementor-device-mode="mobile"] .sccOverlayTile-Wrapper .overlayTile-Content,
[data-elementor-device-mode="tablet"] .sccOverlayTile-Wrapper .overlayTile-Content {
opacity: 1;
top: auto;
bottom: 0;
}
.sccOverlayTile-Wrapper .overlayTile-Text {
padding: 5%;
font-size: 20px;
font-weight: 400;
}