.flip-container {
        margin: 10px;
        perspective: 1000px;
        display: inline-block;
    }
    .flip-container:hover .logo {
        transform: rotateY(720deg);
    }
    .logo, .front, .back {
        width: 70px;
        height: 70px;
    }
    .logo {
        transition: 0.5s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front, .back {
        backface-visibility: hidden;
        position: absolute;
    }
    .front {
        z-index: 1;
        transform: rotateY(0deg);
        background: url("/logos/fb.png") no-repeat;
    }
    .back {
        z-index: 2; /* back side, placed above front */
        transform: rotateY(180deg);
        background: url("/logos/fb2.png") no-repeat;
    }
    .flip-container2 {
        margin: 10px;
        perspective: 1000px;
        display: inline-block;
    }
    .flip-container2:hover .logo2 {
        transform: rotateY(720deg);
    }
    .logo2, .front2, .back2 {
        width: 70px;
        height: 70px;
    }
    .logo2 {
        transition: 0.5s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front2, .back2 {
        backface-visibility: hidden;
        position: absolute;
    }
    .front2 {
        z-index: 1;
        transform: rotateY(0deg);
        background: url("/logos/ig.png") no-repeat;
    }
    .back2 {
        z-index: 2; /* back side, placed above front */
        transform: rotateY(180deg);
        background: url("/logos/ig2.png") no-repeat;
    }
    .flip-container3 {
        margin: 10px;
        perspective: 1000px;
        display: inline-block;
    }
    .flip-container3:hover .logo3 {
        transform: rotateY(720deg);
    }
    .logo3, .front3, .back3 {
        width: 70px;
        height: 70px;
    }
    .logo3 {
        transition: 0.5s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front3, .back3 {
        backface-visibility: hidden;
        position: absolute;
    }
    .front3 {
        z-index: 1;
        transform: rotateY(0deg);
        background: url("/logos/yt.png") no-repeat;
    }
    .back3 {
        z-index: 2; /* back side, placed above front */
        transform: rotateY(180deg);
        background: url("/logos/yt2.png") no-repeat;
    }