.section-dw-image-with-text,
.section-dw-brewguide {
    overflow: hidden;

    .image-with-text__grid {
        padding: 3rem;
        align-items: center;
    }

    @media screen and (min-width: 750px) {
        .image-with-text__grid {
            padding: 5rem;
        }
    }


    .image-with-text .image-with-text__media-item {
        object-fit: cover;
        width: 100%;
        object-position: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .image-with-text .image-with-text__content {
        width: 100%;
    }

    @media screen and (min-width: 750px) {
        .image-with-text .image-with-text__content {
            width: 50%;
        }
    }
}

#brew-icons path {
    fill: rgba(var(--color-foreground), 0.2);

    &.active{
        fill: rgba(var(--color-foreground), 1);
    }
}