.horizontal-scroll-container{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:15px;padding:0 16px;margin:50px 0;scroll-snap-type:x mandatory}.column-item{flex:none;width:80vw;max-width:210px;scroll-snap-align:start;box-sizing:border-box;display:inline-block;cursor:pointer;text-decoration:none}.column-img-wrapper{display:block;width:100%;height:auto;transition:all .3s ease;position:relative}.column-img-wrapper>img,.overlay{width:100%}.overlay{position:absolute;top:0;left:0;height:100%;background-color:hsla(34,33%,86%,.8);opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;text-align:center;box-sizing:border-box;font-size:.8rem;color:#000;text-wrap:wrap}.overlay p:first-of-type{font-weight:700;margin:0}.overlay p:nth-of-type(2){font-weight:400;margin:0}.overlay div{padding:.5rem 1rem;justify-content:center;align-items:center;background-color:#000;color:#fff}.column-item:hover .overlay{opacity:1}.column-item>p{font-size:12px;font-family:Metropolis,sans-serif;text-transform:uppercase;text-align:center;color:#000}@media (min-width:920px){.horizontal-scroll-container{display:grid;grid-template-columns:repeat(5,1fr);overflow-x:visible;white-space:normal;grid-gap:35px;gap:35px}.column-item{width:auto;max-width:250px;scroll-snap-align:none}}