.grid-cols{display:grid}.grid-cols__media,.grid-cols__text{grid-area:1/1}.grid-cols__item{display:grid}.grid-cols--animate .grid-cols__item{background-image:var(--bg-img);background-position:100%;background-repeat:no-repeat;background-size:cover;border-radius:8px;cursor:pointer;flex-grow:1;height:200px;object-fit:cover;overflow:hidden;position:relative;transition:all .5s ease-in-out}@media (min-width:768px){.grid-cols--animate .grid-cols__item{filter:grayscale(100%);height:594px}.grid-cols--animate .grid-cols__item:hover{filter:grayscale(0);flex-grow:4}}@media (max-width:767px){.grid-cols--animate .grid-cols__item{width:100%}.grid-cols--animate .grid-cols__item .c-content{color:#fff}}.grid-cols--animate{align-items:center;display:flex;gap:2rem;margin:0 auto;overflow:hidden}@media (max-width:767px){.grid-cols--animate{flex-direction:column}}