.activity-reports {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--spacing) * 8);

    @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
    }

    .activity-report {
        background-color: var(--color-primary-lighter);
        border-radius: var(--radius-semilarge);
        padding: calc(var(--spacing) * 16);

        &:first-child {
            background-color: var(--color-primary-light);
        }

        img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: var(--radius-semilarge);
        }

        .activty-report__documents {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: calc(var(--spacing) * 4);
            margin-top: calc(var(--spacing) * 8);

            a {
                color: var(--color-primary-dark);
                text-align: center;
            }
        }
    }
}