.header_wedo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1e1e1e;
    color: #d1d1d1;
    padding: 20px;
    height: 312px;
    margin-top: 18px;

}

.content {
    max-width: 57%;
    padding-top: 3%;
}

.tag {
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 10px;
}

.tagline {
    padding: 10px;
    font-size: xx-large;
    color: #ffffff;
}

.decorative {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 28%;
}

.diamond-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0; /* Initially hidden */
    transform: translateY(25px); /* Initial position */
    transition: opacity 0.3s ease-in-out, transform 0.9s ease-in-out; /* Transition for both opacity and transform */
}

.diamond-grid.visible {
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* Final position */
}

@media (max-width: 768px) {
    .diamond_image {
        height: 100px;
        /* Adjust the height for mobile screens */
        margin-right: 5%;
        /* Adjust the margin for mobile screens */
    }

    .feature {
        box-shadow: 0 2px 4px rgb(0 0 0 / 42%);
    }
}