.reading-card-box {
    margin: 30px 0 50px 0;
    text-align: center;
    width: 100%;
    /* max-width: 1000px; */
    /* height: 50vw; */
}

.reading-card-box .tarot-card {
    display: inline-block;
	width: 10vw;
    max-width: 63px;
	height: 17.8vw;
    max-height: 108px;
	/* width: 90vw;
	height: 160vw; */
	background-image: url(/img/blank.png);
    background-repeat: no-repeat;
	background-size: 100%;
}
.reading-card-box .tarot-card img {
    width: 92%;
    height: 95%;
    margin: 4% 4%;
}

.spread-one-card {
    position: relative;
    aspect-ratio: 1 / 0.18;
}
.spread-one-card .tarot-card:nth-of-type(1) {
    position: absolute;
    left: 44.8%;
    top: 7%;
}


.spread-celtic-cross {
    position: relative;
    aspect-ratio: 1 / 0.55;
}
.spread-celtic-cross .tarot-card:nth-of-type(1) {
    position: absolute;
    left: 30%;
    top: 37%;
}
.spread-celtic-cross .tarot-card:nth-of-type(2) {
    position: absolute;
    left: 30%;
    top: 37%;
    transform: rotate(90deg);
}
.spread-celtic-cross .tarot-card:nth-of-type(3) {
    position: absolute;
    left: 30%;
    top: 0%;
}
.spread-celtic-cross .tarot-card:nth-of-type(4) {
    position: absolute;
    left: 30%;
    top: 74%;
}
.spread-celtic-cross .tarot-card:nth-of-type(5) {
    position: absolute;
    left: 10%;
    top: 37%;
}
.spread-celtic-cross .tarot-card:nth-of-type(6) {
    position: absolute;
    left: 50%;
    top: 37%;
}
.spread-celtic-cross .tarot-card:nth-of-type(7) {
    position: absolute;
    left: 80%;
    top: 74%;
}
.spread-celtic-cross .tarot-card:nth-of-type(8) {
    position: absolute;
    left: 75%;
    top: 49.3%;
}
.spread-celtic-cross .tarot-card:nth-of-type(9) {
    position: absolute;
    left: 70%;
    top: 24.7%;
}
.spread-celtic-cross .tarot-card:nth-of-type(10) {
    position: absolute;
    left: 65%;
    top: 0%;
}