:root{--d:700ms;--e:cubic-bezier(0.19,1,0.22,1);--font-family:"Source Sans Pro",sans-serif}*{box-sizing:border-box}body,html{height:100%}body{display:grid;place-items:center}.page-content{display:grid;grid-gap:1rem;background-color:#eef2ff;font-family:Source Sans Pro,sans-serif;margin:auto;max-width:1280px;padding:1rem}@media (min-width:600px){.page-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-content{grid-template-columns:repeat(5,1fr)}}.card{align-items:flex-end;background-color:#fff;border-radius:20px;color:#fff;display:flex;overflow:hidden;padding:1rem;position:relative;text-align:center;width:100%}@media (min-width:600px){.card{height:350px}}.card:before{background-position:50%;background-size:cover;transition:transform calc(var(--d)*1.5) var(--e)}.card:after,.card:before{content:"";height:200%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.card:after{background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.009) 11.7%,rgba(0,0,0,.034) 22.1%,rgba(0,0,0,.072) 31.2%,rgba(0,0,0,.123) 39.4%,rgba(0,0,0,.182) 46.6%,rgba(0,0,0,.249) 53.1%,rgba(0,0,0,.32) 58.9%,rgba(0,0,0,.394) 64.3%,rgba(0,0,0,.468) 69.3%,rgba(0,0,0,.54) 74.1%,rgba(0,0,0,.607) 78.8%,rgba(0,0,0,.668) 83.6%,rgba(0,0,0,.721) 88.7%,rgba(0,0,0,.762) 94.1%,rgba(0,0,0,.79));display:block;transform:translateY(-50%);transition:transform calc(var(--d)*2) var(--e)}.card:first-child:before{background-image:url(https://insights.math.group/hubfs/img_mmm_16.png)}.card:nth-child(2):before{background-image:url(https://insights.math.group/hubfs/img_mmm_17.png)}.card:nth-child(3):before{background-image:url(https://insights.math.group/hubfs/img_mmm_18.png)}.card:nth-child(4):before{background-image:url(https://insights.math.group/hubfs/img_mmm_15.png)}.card:nth-child(5):before{background-image:url(https://insights.math.group/hubfs/img_mmm_19.png)}.content{align-items:center;display:flex;flex-direction:column;padding:1rem;position:relative;transition:transform var(--d) var(--e);width:100%;z-index:1}.content>*+*{margin-top:1rem}.title{font-size:16px;font-weight:semibold}.copy,.title{color:#fff;line-height:1.15}.copy{font-family:Source Sans Pro,sans-serif;font-size:14px;font-style:regular;text-align:center}@media (hover:hover) and (min-width:600px){.content,.content>*{transform:translateY(0)}.content>*{opacity:1}.card:focus-within:before,.card:hover:before{transform:translateY(-4%)}.card:focus-within:after,.card:hover:after{transform:translateY(-10%)}}.card{color:inherit;display:block;text-decoration:none}.card:hover{transform:scale(1);transition:.3s}