.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;
}