@layer main {
	@layer cards {
        .card{
            border-radius: 3px;
            background-color: rgb(var(--color-white));
            border: 1px solid rgb(var(--color-md-gray));
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .card-image-wrapper{
            img{
                width: 100%;
                display: block;
            }
        }

        .card-content{
            display: flex;
            flex-direction: column;
            padding: calc(var(--spacer) * 2);
            flex: 1;
        }
    }
}