/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_grid_image_text__i {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 25rem;
}
@media only screen and (min-width: 62em) {
  .sn_grid_image_text__i {
    aspect-ratio: 1;
  }
}
.sn_grid_image_text__i__content {
  text-align: center;
  color: #fff;
  padding: 2.8125rem;
}
.sn_grid_image_text__i__content > div {
  position: relative;
  z-index: 1;
}
.sn_grid_image_text__i__content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.35s ease;
}
.sn_grid_image_text__i__content:hover:before {
  background-color: rgba(0, 0, 0, 0.8);
}