// Helper classes .is-horizontal-center {

justify-content: center;

}

.rounded-image-has-inner-shadow {

// box-shadow: inset 0 8px 6px -6px black;
position: absolute;
width: 128px;
height: 128px;
box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
// box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
// box-shadow: inset vertical horizontal blur spread color;
border-radius: 100px; // circles shadow to match the image 
top: 0;

}

.is-double-spaced{

 line-height: 2rem;
}

.has-vcentred-content{

display: flex;
justify-content: center;
flex-wrap: wrap;

*{
  align-self: center;
}

}

.has-border-black{

border: 1px solid $black;

}

.is-ontop{

position: absolute;
z-index: 5;
left: 0.3rem;
bottom: 0.3rem;

}

.is-ontop-right{

position: absolute;
z-index: 5;
right: 0.3rem;
bottom: 0.3rem;

}