.image-hoverable-grid{display:flex;gap:20px}.image-hoverable-grid .column{display:flex;flex-direction:column;row-gap:20px;text-align:center;width:calc(33.33333% - 13.33333px);z-index:1}.image-hoverable-grid .column .box{height:100%;overflow:hidden;position:relative;width:100%}.image-hoverable-grid .column .box>.image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;width:100%}.image-hoverable-grid .column .box>.content{align-items:center;background-color:#003a5ac7;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:35px;position:absolute;top:0;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease;width:100%;z-index:2}.image-hoverable-grid .column>.box:hover>.content{opacity:1;transform:translateY(0)}.image-hoverable-grid .column .box>.content .body *{color:#fff}.image-hoverable-grid .column .box>.content .body a.button{border:2px solid #fff;border-radius:3px;color:#fff}.image-hoverable-grid .column .box>.content .body a.button:hover{background-color:#fff;color:#003a5ac7;font-weight:400}@media (max-width:1024px){.image-hoverable-grid{flex-direction:column}.image-hoverable-grid .column{column-gap:20px;flex-direction:row;width:100%}.image-hoverable-grid .column .box>.image{height:400px!important}}@media (max-width:768px){.image-hoverable-grid .column{flex-direction:column;row-gap:20px}.image-hoverable-grid .column .box>.image{height:240px!important}}