.milestones{margin:auto;padding:5rem 0;text-align:center}.milestones h3{line-height:1;margin:auto;max-width:40vw}.milestones img{border-radius:10px;max-height:28vh;max-width:-webkit-fill-available;object-fit:cover;transition:all .25s ease 0s;width:100%}.milestones img:hover{box-shadow:0 0 12px 2px rgba(0,0,0,.26);-webkit-box-shadow:0 0 12px 2px rgba(0,0,0,.26);-moz-box-shadow:0 0 12px 2px rgba(0,0,0,.26)}.milestones .row{margin:1rem 0}.milestones h6{background-color:#fff;border:none;border-radius:100px;box-shadow:inset 2px 2px 10px rgb(0 0 0/7%);color:#6f6f6f;display:inline-flex;font-size:12px;font-weight:100;letter-spacing:1px;outline:none;padding:1em;text-transform:uppercase;transition:.3s ease-in-out}.milestones .text p{margin:1rem auto;width:60vw}.milestones .card{border-radius:20px;--blur:16px;color:#000;display:grid;overflow:hidden;place-items:center;position:relative;transform:translateZ(0)}.milestones .card .card__img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(calc(1 + var(--hover, 0)*.25)) rotate(calc(var(--hover, 0)*-5deg));transition:transform .2s;width:100%}.milestones .card__footer{align-content:end;backdrop-filter:blur(10px);background:red;background:hsla(0,1%,67%,.5);bottom:0;color:#fff;display:grid;height:45%;left:0;-webkit-mask-image:linear-gradient(0deg,#000 75%,transparent);padding:1rem 1.5rem;position:absolute;text-align:left;width:100%}.milestones .card__footer .sub{font-size:10px;letter-spacing:2px}.milestones .card__footer .title{font-size:18px}.milestones .card__footer .text{font-size:14px}