a{text-decoration:none;color:#fff}body{font-family:Poppins,sans-serif;font-weight:300;background-color:#06060c}img{display:block;max-width:100%}.container *{margin:0;padding:0;box-sizing:border-box}.container{max-width:960px;margin-inline:auto;margin-top:60px}.title{margin-bottom:50px}.title span{display:block}.title .primary{font-size:clamp(26px,5vw,52px);text-transform:uppercase;color:#fff}.title .secondary{font-size:clamp(14px,2.5vw,16px);font-weight:400;color:#d6d6e0}.gallery-wrapper{display:flex}.gallery-item{position:relative;isolation:isolate;display:flex;flex:1 1;height:500px;background-color:#000;padding:25px;opacity:1;overflow:hidden;transition:flex .5s,opacity .25s;text-decoration:none}.gallery-item:hover{opacity:1;flex:5 1}.gallery-item:not(:hover){opacity:.75}.item-image{position:absolute;top:0;right:0;z-index:-1;width:100%;height:100%;object-fit:cover}.item-description{align-self:flex-end;text-transform:uppercase;color:#fff}.name{font-size:37px;background:linear-gradient(90deg,#f32d5b,#ff009b);padding-inline:10px;transform:translateY(-10px)}.name,.role{box-shadow:0 1px 10px rgba(0,0,0,.2);margin:10px}.role{display:inline-block;background:linear-gradient(90deg,#4136d9,#0086c7);padding:10px;transform:translateY(10px)}.name,.role{opacity:0;transition:opacity .25s,transform .3s;transition-delay:.35s}.gallery-item:hover .name,.gallery-item:hover .role{opacity:1;transform:translateY(0)}.gallery-item:not(:hover) .name,.gallery-item:not(:hover) .role{transition-delay:0s}@media screen and (max-width:768px){.gallery-wrapper{flex-direction:column;height:100vh}.gallery-item:hover{flex-basis:100%}}