.opinion {
    background-image: linear-gradient(rgba(17, 19, 26, 0.8), rgba(16, 17, 20, 0.8));
    backdrop-filter: blur(7px);
    padding: 20px 0;
    border: 4px solid rgb(160, 18, 255);
    box-shadow: 4px 4px 0 black, 2px 2px 10px black, 2px 2px 20px black;

    border-radius: 1rem;
    padding: 1.5rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.profile {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;

}

.profile img {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    object-fit: cover; /* prevents image from stretching/squishing */
    object-position: center; /* centers the image */
    filter: brightness(30%);
}