.pr-project-list {
    .pr-project-item {
        margin-bottom: calc(var(--default-dynamic-space) * 15);
        display: flex;
        flex-wrap: wrap; /* Or design as you like */

        .pr-project-image {
            width: 100%;
            img {
                width: 100%;
                height: auto;
                transition: all .7s;
                display: block;

                &:hover {
                    filter: brightness(70%);
                }
            }
        }

        .pr-project-info {
            width: 100%;
            display: grid;
            grid-template-columns: 2fr 1fr;
            padding-top: calc(var(--default-dynamic-space) * 4.5);
        }

        .pr-project-title {
            text-transform: uppercase;
            margin: 0 0 calc(var(--default-dynamic-space) * 3.5) 0;

            a {
                text-decoration: none;
            }
        }

        .pr-project-tags {
            margin-bottom: calc(var(--default-dynamic-space) * 1);
            text-align: right;

            a {
                text-decoration: none;
                display: inline-block;
                margin-left: calc(var(--default-dynamic-space) * 1.5);

                &:hover {
                    text-decoration: underline;
                    text-underline-offset: 4px;
                }
                &:first-child {
                    margin-left: 0;
                }
            }
        }

        .pr-project-excerpt {
            max-width: calc(var(--default-dynamic-space) * 60);
        }
    }
}

@media (max-width: 991px) {
    .pr-project-list {
        padding: 0 var(--mobile-spacing);
        .pr-project-item {
            margin-bottom: 40px;

            .pr-project-info {
                padding-top: 25px;
                grid-template-columns: 1fr;

                .pr-project-tags {
                    text-align: left;
                    margin-bottom: 10px;
                }

                .text-wrapper {
                    .pr-project-excerpt {
                        margin-bottom: 23px;
                    }
                }
            }

            .pr-project-title {
                margin-bottom: 7px;
            }

            .pr-project-image {
                img {
                    height: 238px;
                    object-fit: cover;
                }
            }
        }
    }
}