body, #footer {
    background: #f1eee8;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
    width: 100% !important;
    height: auto;
}

.image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, #f1eee8, rgba(241, 238, 232, 0));
    pointer-events: none;
}

.brown-card {
    background: #e4d7c1;
}

.brown-element {
    background: #b58762 !important;
}