meu footer

o meu ficou assim e na parte das sociais coloquei sem o link e adicionei uma animação com :hover

import './Footer.css'

const Footer = () => {
    return (
        <section className='footer'>
            <div className='footer-sociais'>
                <img src='/imagens/fb.png' alt='logo facebook' />
                <img src='/imagens/tw.png' alt='logo twitter' />
                <img src='/imagens/ig.png' alt='logo instagram' />
            </div>
            <div className='footer-logo'>
                <img src='/imagens/logo.png' alt='logo organo' />
            </div>
            <div className='footer-criador'>
                Desenvolvido por Rafael
            </div>
        </section>
    )
}

export default Footer

.footer {
    background-image: url(/public/imagens/fundo.png);
    max-width: 100%;
    background-color: #6278F7;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 50px;
    gap: 30px;
}

.footer .footer-sociais img {
    max-width: 100%;
    margin-right: 20px;
    cursor: pointer;
    opacity: 0.6;
}

.footer-sociais img:hover {
    opacity: 1;
}

.footer .footer-logo img {
    max-width: 100%;
}

.footer .footer-criador {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}