.bg-blur {    
    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(5px);
    
    /* Full height */
    height: 100%; 
    
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

/* Pulse Animation for Live View Counter */
.view-pulse {
    width: 8px;
    height: 8px;
    background-color: #34c38f; /* success color */
    border-radius: 50%;
    display: inline-block;
    animation: pulse-animation 2s infinite;
    vertical-align: middle;
}

@keyframes pulse-animation {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 195, 143, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(52, 195, 143, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 195, 143, 0); }
}