.newReleaseContainer {
    display: flex;
    width: clamp(90%, 80%, 2rem);
    background-color: rgb(0, 0, 0, .3);
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 20px;
    cursor: pointer;
    margin-top: 20px;
    animation: textglow 10s ease-in-out infinite;
    border: white 2px solid;
    text-decoration: none;
}

.newReleaseImage {
    flex: 1;
    width: clamp(20vw, 20vw, 100vw);
    margin: 0px;
    border: rgb(25, 25, 25) 2px solid;
}

.newReleaseText{
    flex: 2;
    font-size: clamp(1.25rem, 4vw, 4vw);
    font-weight: bold;
    color: white;
    margin: 10px;
    text-align: center;
}

.newReleaseText p {
    font-size: clamp(1rem, 3.5vw, 3vw);
    margin-top: -20px;
}

@media screen and (max-width: 500px) {
    .newReleaseContainer {
        padding: 10px;
        border: none;
        background-color: transparent;
        margin-top: 10px;
        margin-bottom: -30px;
    }

    .newReleaseImage {
        width: 50%;
    }

    .newReleaseText {
        border: white 2px solid;
        padding: 10px;
        border-radius: 50px;
    }
}

@keyframes newReleasebgcolor {
    0% {
        box-shadow: 0 0 20px rgb(30, 50, 35),
        0 0 40px rgb(30, 50, 35);
    }

    50% {
        box-shadow: 0 0 30px rgb(50, 35, 25),
        0 0 30px rgb(50, 35, 25);
    }

    100% {
        box-shadow: 0 0 20px rgb(30, 50, 35),
        0 0 40px rgb(30, 50, 35);
    }
}

@keyframes textglow {
    0%{
        text-shadow: 0 0 0 #ffffff,
        0 0 5px #ffffff;
    }

    50%{
        text-shadow: 0 0 1px #ffffff,
        0 0 2px #ffffff,
        0 0 3px #ffffff;
    }

    100%{
        text-shadow: 0 0 0 #ffffff,
        0 0 5px #ffffff;
    }

}