@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
    padding: 20px;
}

.icon-item {
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    animation-name: float;
    animation-duration: var(--anim-duration, 3s);
    animation-delay: var(--anim-delay, 0s);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.icon-item img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}