.card-image {

    width: 100%;

    height: 300px;

    border-radius: 10px;

    background-size: cover;

    background-color: gray;

}



.frodo {

    background-image: url("../resources/images/characters/frodo.png");

}



.gandalf-grey {

    background-image: url("../resources/images/characters/gandalf-grey.png");

}



.gandalf-white {

    background-image: url("../resources/images/characters/gandalf-white.png");

}



.aragorn {

    background-image: url("../resources/images/characters/aragorn.png");

}



.merry {

    background-image: url("../resources/images/characters/merry.png");

}



.pippin {

    background-image: url("../resources/images/characters/pippin.png");

}



.legolas-gimli {

    background-image: url("../resources/images/characters/legolas-gimli.png");

}



.thorin {

    background-image: url("../resources/images/characters/thorin.png");

}



.boromir {

    background-image: url("../resources/images/characters/boromir.png");

}