.bg-image {
  background-image: url(/assets/?j_akkjdsajhu);
  height: 256px;
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;	
}

.bg-color {
  background-color: rgba(8, 8, 8, .75);
  height: 100%;	
}


/* Position text in the middle of the page/image */
.bg-text {
  color: #0A0A0A;
  font-weight: bold;
  position: relative;
  left: 50%;
  right: 50%;
  /*transform: */
  translate: -50% -200%; 
  z-index: 2;
  width: 100%;
  text-align: center;
}

.flex-container {
  display: flex;
  justify-content: space-evenly; 
  align-items: stretch; 
  /* flex-flow: wrap; */  
  flex-wrap: wrap; 
  align-content: stretch;
  /*background-color: #bbdefb;*/
  height: 100%;
  padding: 15px;
  gap: 5px;
}

.flex-container > div{
  background: #ffecb3;
  border: 3px solid #ffcc80;
  border-radius: 5px;
  padding: 8px;
  height: 100%;
}