.bsa_tile .image-container{
position: relative;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
padding-bottom: 69.15535736083984%;
}
.bsa_tile .text-container{
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: 100%;
position: absolute;
width: 100%;
color: white;
font-size: 28px;
font-weight: 700;
text-shadow: -7px 2px 15px #717171, 5px -2px 10px #0000007e;
padding: 10%;
text-align: center;
z-index: 999999;
top: 0;
left: 0;
}

.bsa_tile .image-overlay {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color: rgba(19,21,22,.1);
  transition: .4s ease all;
}


.bsa_tile:hover .image-overlay {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color: rgba(19,21,22,.25);
}