style.scss

*,
::before
::after{
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.card{
    background-size: cover;
    background-color: black;
    box-shadow: 0px 0px 10px rgba(64, 66, 68, 0.664);
    position: relative;
    &:hover::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(rgba(143, 23, 2, 0.829),rgba(110, 1, 1, 0.849));
            inset: -0.5rem;
            z-index: -1;
            filter: blur(2em);
    }
    img.card-img-top{
        height: 100%;
        position: relative;
        object-fit: cover;
        background-size: cover;
        &::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            
        }
    }
    img.img-fluid{
        position: relative;
        &::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;

        }
    }
}
.wrapper{
    height: 100vh;
    .camera{
        width: 100%;
        height: 500px;
        perspective: 1000px;
        &:hover .card{
            transform: rotateY(180deg);
        }
        .card{
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: all 0.8s ease-in-out;
        }
        .front{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            backface-visibility: hidden;
            border-radius: 20px;
            overflow: hidden;
        }
        .back{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            backface-visibility: hidden;
            border-radius: 20px;
            overflow: hidden;
            transform: rotateY(180deg);
        }
       
    }
}