.blockSelector {

    width: 20vh;
    height: 8vh;

    border: 4px solid #133c46;

    border-radius: 20px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    position: relative;
}

.carouselContainer {
    height: 100%;
}


.uninteracted {
    /* shadow that breathes indefinitely */
    box-shadow: 0 0 0 0 rgba(244, 218, 97, 0.3);
    animation: breathe 1.5s infinite;
}

@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 rgba(244, 218, 97, 0.3);
    }
    50% {
        box-shadow: 0 0 20px 10px rgba(244, 218, 97, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 218, 97, 0.3);
    }
}