.hover-block-section{grid-gap:20px;display:grid;grid-auto-flow:row dense;grid-auto-rows:350px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.hover-block-section .hover-block{background:#ccc;background-position:50%;background-size:cover;box-sizing:border-box;color:#fff;counter-increment:item-counter;cursor:pointer;display:flex;flex-direction:column;grid-column-start:auto;grid-row-start:auto;justify-content:flex-end;position:relative;transition:transform .3s ease-in-out}.hover-block-section .hover-block .hover-block-background{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hover-block-section .hover-block.text-hover-block .hover-block-background{filter:grayscale(100%)}.hover-block-section .hover-block.double-size,.hover-block-section .hover-block.tall{grid-row-end:span 2}.hover-block-section .hover-block .hover-block-overlay{background:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s ease}.hover-block-section .hover-block.text-hover-block:hover .hover-block-overlay{background:rgba(239,46,49,.8)}.hover-block-section .hover-block .hover-block-text{color:#fff!important;left:50%;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.hover-block-section .hover-block .hover-block-text h2{color:#fff;margin-bottom:15px}.hover-block-section .hover-block .hover-block-text .hover-bock-text{display:none;opacity:0;transition:.3s ease}.hover-block-section .hover-block:hover .hover-block-text .hover-bock-text{display:block;opacity:1}@media(max-width:1000px){.hover-block{display:none!important;margin-bottom:20px}.hover-block-section,.hover-block.text-hover-block,.hover-block.text-hover-block .hover-bock-text{display:block!important;opacity:1!important;position:relative}.hover-block-section .hover-block .hover-block-text{position:static;transform:none}.hover-block-title{position:relative}}