:root {
    --main-background:#22222A;
    --card-background:#14151A;
}
#root-contents {
    background: var(--main-background);
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(14rem, 1fr) );
    grid-template-rows: repeat(auto, 3rem);
    grid-gap: 2rem;
    padding:2rem;
    .card {
        background: var(--card-background);
        grid-area: span calc(var(--card-height, 4) + 1) / span var(--card-width, 1); //+1 for gap
        border-radius: .25rem;
    }
    .card img{
        width: 100%;
        height: 100%;
    }
}
/*
.card img {
       position: relative;
    width: calc(100% - 60px);
    border: 1px solid;
    border-radius: 20px 20px 20px 20px;
    right: 30px;
    left: 30px;
    top: 0px;
}
.card-root-bottom {
    display: block;
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 10px;
    margin-top: -40px;
}
.card-root-bottom-left {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-bottom: 1px solid #3d11b5;
  border-left: 1px solid #3d11b5;
  border-radius: 50px 50px 50px 0px;
  margin-left: 10px;
  margin-top: 10px;
}
.card-root-bottom-center {
    display: inline-block;
    width: calc(100% - 82px);
    height: 50px;
}
.card-root-bottom-right {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-bottom: 1px solid #3d11b5;
    border-right: 1px solid #3d11b5;
    border-radius: 50px 50px 0px 50px;
    margin-right: 10px;
    margin-top: 10px;
}
.card-root-top {
	display: block;
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: -20px;
}
.card-root-top-left {
	display: inline-block;
	width: 30px;height: 30px;
	border-top: 1px solid #3d11b5;
	border-left: 1px solid #3d11b5;
	border-radius: 0px 40px 40px 40px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.card-root-top-center {
	display: inline-block;
    width: calc(100% - 82px);
    height: 50px;
}
.card-root-top-right {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-top: 1px solid #3d11b5;
    border-right: 1px solid #3d11b5;
    border-radius: 40px 0px 40px 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}
*/