@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-image{animation:float 4s ease-in-out infinite}.card{position:relative;width:250px;height:250px;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:center;overflow:hidden;perspective:1000px;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.card,.grid-container{justify-content:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;padding:20px}.card svg{fill:#000;transition:all .6s cubic-bezier(.175,.885,.32,1.275);border-radius:3px}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px #000;background-color:#f2f2f2;color:#fff}.card__content{color:#000;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:hover .card__content{transform:rotateX(0deg)}.card__title{margin:0;padding-left:5px;font-size:24px;color:#000;font-weight:700}.card:hover svg{scale:0}.card__description{margin:10px 0 0;font-size:14px;color:#000;line-height:1.4}