.sg1 ~ .sg2 {
    max-width: 20ch;
    margin-inline: auto;
    margin-block: 2.5rem;
}

img[src*="camera-icon"] {
    max-width: 5rem;
    margin-bottom: 1.25rem;
}

.list-disc {
    list-style: disc;
    padding-left: 1.25rem;
}

.contest::before {
    aspect-ratio: 2 / 1;
    background: url("../../pic/content/article/sommersonnenwende/midsummer.png") center/contain no-repeat;
    content: "";
    display: block;
}

.product-list img {
    padding: 2.5rem;
}

@media (min-width: 40rem) {
    main > section:nth-of-type(2) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .product-list > ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .contest::before {
        content: none;
    }

    .contest {
        background: url("../../pic/content/article/sommersonnenwende/midsummer.png") center/150vw no-repeat;
    }
}