.image-container {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.blurred-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(2px); /* Adjust the blur strength as needed */
}

.highlight-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 2px solid #ffffff; /* Adjust the ring color */
    padding: 10px 15px;
    border-radius: 50%;
}

.highlight-button i {
    color: white; /* Adjust the button icon color */
}