.camera-name-placeholder {
text-align: left;
position: absolute;
width: 432px;
height: 41px;

margin-left: 20px;
background: #CA0000;
}

.camera-video-placeholder {
position: absolute;
width: 100%;
height: 95%;
margin-top: 23px;
top: 0;
background: #000000;
}

@keyframes gradient-scroll {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.camera-name-background {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 41px;
background: linear-gradient(-45deg, #CA0000, #FF0000, #CA0000, #A00000);
background-size: 400% 400%;
animation: gradient-scroll 3s ease infinite;
}

.camera-name-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 41px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 19px;
line-height: 23px;
display: flex;
align-items: center;
color: #FFFFFF;
padding-left: 20px;
}