.benefit-outcome .bg-image {
    width: max(100px, 600px);
    z-index: 0;
    filter: brightness(0.3);
    opacity: 0.5;
    object-fit: cover;
}

.benefit-outcome > div > div {
    width: max(100px, 600px);
    background-color: rgba(var(--brand-clr-2));
    z-index: -1;
    border-radius: 0.5rem;
    color: rgb(var(--text-clr-2));
}

.benefit-outcome ul {
    z-index: 1;
}