.fashion-icon {
    position: absolute;
    opacity: 0.12;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    pointer-events: none;
}

.icon-1 { top: 5%; left: 5%; font-size: 70px; animation: float1 18s; }
.icon-2 { top: 15%; right: 10%; font-size: 50px; animation: float2 22s; }
.icon-3 { bottom: 20%; left: 8%; font-size: 65px; animation: float3 20s; }
.icon-4 { bottom: 10%; right: 12%; font-size: 55px; animation: float1 24s; }
.icon-5 { top: 50%; left: 3%; font-size: 45px; animation: float2 19s; }
.icon-6 { top: 60%; right: 5%; font-size: 60px; animation: float3 21s; }

@keyframes float1 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(30px, -30px) rotate(10deg); }
    50% { transform: translate(-20px, 20px) rotate(-10deg); }
    75% { transform: translate(40px, 10px) rotate(5deg); }
}

@keyframes float2 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-40px, 20px) rotate(-15deg); }
    50% { transform: translate(30px, -30px) rotate(15deg); }
    75% { transform: translate(-20px, -10px) rotate(-5deg); }
}

@keyframes float3 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(25px, 25px) rotate(8deg); }
    66% { transform: translate(-30px, -20px) rotate(-12deg); }
}