Tailwind Logo Clouds Components in Cyber library

<section class="py-20 relative scan-lines">
        <div class="absolute inset-0 bg-gradient-to-br from-black via-gray-950 to-black"></div>
        <div class="absolute inset-0 opacity-20">
            <div class="absolute top-20 left-1/4 w-2 h-2 bg-blue-400 rounded-full animate-pulse"></div>
            <div class="absolute top-40 right-1/3 w-1 h-1 bg-green-400 rounded-full animate-pulse delay-75"></div>
            <div class="absolute bottom-40 left-1/3 w-3 h-3 bg-purple-500 rounded-full animate-pulse delay-150"></div>
            <div class="absolute bottom-20 right-1/4 w-1 h-1 bg-blue-400 rounded-full animate-pulse delay-300"></div>
        </div>

        <div class="container px-4 mx-auto relative z-10">
            <div class="flex flex-wrap -m-4">
                <div class="w-1/2 lg:w-1/4 p-4">
                    <div class="relative hologram-effect bg-gradient-to-br from-gray-800 to-gray-950 border-2 border-blue-400 border-opacity-30 hover:border-opacity-100 rounded-lg py-12 transition-all duration-300 transform hover:scale-105 group">
                        <div class="absolute inset-0 bg-gradient-to-br from-blue-400 via-purple-500 to-green-400 opacity-5 group-hover:opacity-10 rounded-lg transition-opacity duration-300"></div>
                        <img class="h-8 mx-auto filter brightness-0 invert group-hover:filter-none transition-all duration-300 animate-pulse" src="cyber-assets/logos/jiggle-color.svg" alt="">
                        <div class="absolute top-2 right-2 w-1 h-1 bg-blue-400 rounded-full animate-pulse opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute bottom-2 left-2 w-1 h-1 bg-green-400 rounded-full animate-pulse delay-150 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-400 to-transparent opacity-0 group-hover:opacity-10 transform -skew-x-12 group-hover:translate-x-full transition-all duration-700"></div>
                    </div>
                </div>
                <div class="w-1/2 lg:w-1/4 p-4">
                    <div class="relative hologram-effect bg-gradient-to-br from-gray-800 to-gray-950 border-2 border-purple-500 border-opacity-30 hover:border-opacity-100 rounded-lg py-12 transition-all duration-300 transform hover:scale-105 group">
                        <div class="absolute inset-0 bg-gradient-to-br from-purple-500 via-blue-400 to-green-400 opacity-5 group-hover:opacity-10 rounded-lg transition-opacity duration-300"></div>
                        <img class="h-8 mx-auto filter brightness-0 invert group-hover:filter-none transition-all duration-300 animate-pulse delay-75" src="cyber-assets/logos/symtric-color.svg" alt="">
                        <div class="absolute top-2 right-2 w-1 h-1 bg-purple-500 rounded-full animate-pulse opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute bottom-2 left-2 w-1 h-1 bg-blue-400 rounded-full animate-pulse delay-150 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute inset-0 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-10 transform -skew-x-12 group-hover:translate-x-full transition-all duration-700"></div>
                    </div>
                </div>
                <div class="w-1/2 lg:w-1/4 p-4">
                    <div class="relative hologram-effect bg-gradient-to-br from-gray-800 to-gray-950 border-2 border-green-400 border-opacity-30 hover:border-opacity-100 rounded-lg py-12 transition-all duration-300 transform hover:scale-105 group">
                        <div class="absolute inset-0 bg-gradient-to-br from-green-400 via-blue-400 to-purple-500 opacity-5 group-hover:opacity-10 rounded-lg transition-opacity duration-300"></div>
                        <img class="h-8 px-3 mx-auto filter brightness-0 invert group-hover:filter-none transition-all duration-300 animate-pulse delay-150" src="cyber-assets/logos/wishelp-color.svg" alt="">
                        <div class="absolute top-2 right-2 w-1 h-1 bg-green-400 rounded-full animate-pulse opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute bottom-2 left-2 w-1 h-1 bg-purple-500 rounded-full animate-pulse delay-150 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute inset-0 bg-gradient-to-r from-transparent via-green-400 to-transparent opacity-0 group-hover:opacity-10 transform -skew-x-12 group-hover:translate-x-full transition-all duration-700"></div>
                    </div>
                </div>
                <div class="w-1/2 lg:w-1/4 p-4">
                    <div class="relative hologram-effect bg-gradient-to-br from-gray-800 to-gray-950 border-2 border-blue-400 border-opacity-30 hover:border-opacity-100 rounded-lg py-12 transition-all duration-300 transform hover:scale-105 group">
                        <div class="absolute inset-0 bg-gradient-to-br from-blue-400 via-green-400 to-purple-500 opacity-5 group-hover:opacity-10 rounded-lg transition-opacity duration-300"></div>
                        <img class="h-8 mx-auto filter brightness-0 invert group-hover:filter-none transition-all duration-300 animate-pulse delay-300" src="cyber-assets/logos/resecurb-color.svg" alt="">
                        <div class="absolute top-2 right-2 w-1 h-1 bg-blue-400 rounded-full animate-pulse opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute bottom-2 left-2 w-1 h-1 bg-green-400 rounded-full animate-pulse delay-150 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                        <div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-400 to-transparent opacity-0 group-hover:opacity-10 transform -skew-x-12 group-hover:translate-x-full transition-all duration-700"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>