.block {
width : 20vw;
height : 20vw;
object-fit : cover;
transition : 0.2s;
transform : scale(1.0);
margin : 0.5vw 0.5vw 0.5vw 0.5vw;
display : inline-block;
filter: none;
}

.mitem {
width : 20vw;
height : 20vw;
}

.block:hover {
transform : scale(1.05);
filter: drop-shadow(2px 2px 2px #15F5BA);
}
.mtitle {
color : white;
text-align : center;
}

/** {
  box-sizing: border-box;
}*/

.flex-container {
  display: flex;
  flex-direction: row;
}

.flex-item {
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 30px;
  text-align: center;
  width: 100%;
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }
}