{#controls the next lv div in container #}.box{display:flex;justify-content:flex-start;height:100%;width:100%;flex-direction:row;flex-wrap:wrap;overflow:hidden}.img{flex-basis:auto;flex:1 0 250;width:24%;height:auto;margin:.5%;background-color:blue;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex}.img:before{content:'';float:left;padding-top:100%}.textbox{z-index:20;width:100%;height:30%;text-align:left;padding:.25em;background-color:black;overflow-wrap:break-word;opacity:.2;transition:.5s;align-self:flex-end;color:white;font-size:1em}.img:hover>.textbox{opacity:1;height:40%}@media only screen and (max-width:900px){{# if less than 900 #}.img{flex-basis:440;width:48%}.textbox{font-size:3vw}}