.hero-section {
    background-color: rgba(255, 255, 255, 1.0);
    height: 100vh;
    position: relative;
}


.card__img > img {
    width: 10rem;
    position: relative;
    pointer-events: none;
}

.card__grid-effect {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(30, 1fr);
    grid-template-rows: repeat(10, 1fr);
}

.card__grid-effect-tile {
    position: relative;
}

    .card__grid-effect-tile:before {
        content: "";
        color: #005efc;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 0.3rem;
        width: 0.3rem;
        border-radius: 50%;
        background: #005efc;
        transition: 500ms linear all;
        box-shadow: 0 0 0, 3rem 0 0 -0.3rem, -3rem 0 0 -0.3rem, 0 -3rem 0 -0.3rem, 0 3rem 0 -0.3rem, 3rem 3rem 0 -0.45rem, 3rem -3rem 0 -0.45rem, -3rem 3rem 0 -0.45rem, -3rem -3rem 0 -0.45rem, 3rem 6rem 0 -0.9rem, 3rem -6rem 0 -0.9rem, -3rem 6rem 0 -0.9rem, -3rem -6rem 0 -0.9rem, 3rem 9rem 0 -1.35rem, 3rem -9rem 0 -1.35rem, -3rem 9rem 0 -1.35rem, -3rem -9rem 0 -1.35rem, 3rem 12rem 0 -1.8rem, 3rem -12rem 0 -1.8rem, -3rem 12rem 0 -1.8rem, -3rem -12rem 0 -1.8rem, 6rem 0 0 -0.6rem, -6rem 0 0 -0.6rem, 0 -6rem 0 -0.6rem, 0 6rem 0 -0.6rem, 6rem 3rem 0 -0.9rem, 6rem -3rem 0 -0.9rem, -6rem 3rem 0 -0.9rem, -6rem -3rem 0 -0.9rem, 6rem 6rem 0 -1.8rem, 6rem -6rem 0 -1.8rem, -6rem 6rem 0 -1.8rem, -6rem -6rem 0 -1.8rem, 6rem 9rem 0 -2.7rem, 6rem -9rem 0 -2.7rem, -6rem 9rem 0 -2.7rem, -6rem -9rem 0 -2.7rem, 6rem 12rem 0 -3.6rem, 6rem -12rem 0 -3.6rem, -6rem 12rem 0 -3.6rem, -6rem -12rem 0 -3.6rem, 9rem 0 0 -0.9rem, -9rem 0 0 -0.9rem, 0 -9rem 0 -0.9rem, 0 9rem 0 -0.9rem, 9rem 3rem 0 -1.35rem, 9rem -3rem 0 -1.35rem, -9rem 3rem 0 -1.35rem, -9rem -3rem 0 -1.35rem, 9rem 6rem 0 -2.7rem, 9rem -6rem 0 -2.7rem, -9rem 6rem 0 -2.7rem, -9rem -6rem 0 -2.7rem, 9rem 9rem 0 -4.05rem, 9rem -9rem 0 -4.05rem, -9rem 9rem 0 -4.05rem, -9rem -9rem 0 -4.05rem, 9rem 12rem 0 -5.4rem, 9rem -12rem 0 -5.4rem, -9rem 12rem 0 -5.4rem, -9rem -12rem 0 -5.4rem, 12rem 0 0 -1.2rem, -12rem 0 0 -1.2rem, 0 -12rem 0 -1.2rem, 0 12rem 0 -1.2rem, 12rem 3rem 0 -1.8rem, 12rem -3rem 0 -1.8rem, -12rem 3rem 0 -1.8rem, -12rem -3rem 0 -1.8rem, 12rem 6rem 0 -3.6rem, 12rem -6rem 0 -3.6rem, -12rem 6rem 0 -3.6rem, -12rem -6rem 0 -3.6rem, 12rem 9rem 0 -5.4rem, 12rem -9rem 0 -5.4rem, -12rem 9rem 0 -5.4rem, -12rem -9rem 0 -5.4rem, 12rem 12rem 0 -7.2rem, 12rem -12rem 0 -7.2rem, -12rem 12rem 0 -7.2rem, -12rem -12rem 0 -7.2rem;
    }

    .card__grid-effect-tile:hover:before {
        height: 3rem;
        width: 3rem;
        transition: 70ms linear all;
    }