Since Spacehey doesn't allow posting layouts for a while, I'll share codes to have Madokami and Devil Homura nendroids that move!!! They should be each one at the bottom of your profile ;) Comment using if you use pls!!!

---

-Madokami Code:

  <style>

    .madokami{

        background: url(https://64.media.tumblr.com/96d21b0e702e0992c6938ce2b4e1b5d1/657541d036cfc6ee-3d/s1280x1920/0276b4a804df7809f94c8c3a6b3b099cfead9bab.pnj) no-repeat;

        background-size: 100%!important;

        position: fixed;

        left: 15px;

        bottom: 3px;

        height:200px;

        width: 200px;

    }

    .madokami:hover {

        background: url("https://64.media.tumblr.com/acd860c97bb55f806f5556498cf787be/657541d036cfc6ee-82/s1280x1920/1f3ce3fd9582a230e4ddd875cb72f22e56b36a0e.pnj");

        animation: madokami 0.9s;

        animation-iteration-count: infinite;

        animation-timing-function: cubic-bezier;

    }

    @keyframes madokami {

        0%,

        100% {

            transform: translateX(0%);

            transform-origin: 50% 50%;

            content: url("")

        }

        15% {

            transform: translateX(-2px) rotate(-2deg);

        }

        30% {

            transform: translateX(5px) rotate(8deg);

        }

        45% {

            transform: translateX(-6px) rotate(-3.6deg);

        }

        60% {

            transform: translateX(5px) rotate(2.4deg);

        }

        75% {

            transform: translateX(-6px) rotate(-1.2deg);

        }

    }

    }

</style>

<div class="madokami"></div>

---

-Devil!Homura Code:

 <style>

    .devilhomura {

        background: url(https://i.ibb.co/p3NCb94/Removal-447.png) no-repeat;

        background-size: 100%!important;

        position: fixed;

        right: 10px;

        bottom:-65px;

        height:282px;

        width: 285px;

    }

    .devilhomura:hover {

        background: url("https://i.ibb.co/LtFKRwR/removal-ai-8024d61d-b0f2-4032-86a5-89df8740900f-whatsapp-image-2024-07-07-at-00-31-02-1.png");

        animation: devilhomura 0.9s;

        animation-iteration-count: infinite;

        animation-timing-function: cubic-bezier;

    }

    @keyframes devilhomura {

        0%,

        100% {

            transform: translateX(0%);

            transform-origin: 50% 50%;

            content: url("")

        }

        15% {

            transform: translateX(-2px) rotate(-2deg);

        }

        30% {

            transform: translateX(5px) rotate(8deg);

        }

        45% {

            transform: translateX(-6px) rotate(-3.6deg);

        }

        60% {

            transform: translateX(5px) rotate(2.4deg);

        }

        75% {

            transform: translateX(-6px) rotate(-1.2deg);

        }

    }

    }

</style>

<div class="devilhomura"></div>

---

---

And that's the code with an example pic!!! Hope you enjoy it! You can also leave requests!!!

🙏BLESS🙏