h2{
    font-size: 50px;
    text-align:center;
    color:black;
}

.cassie{  
    background:url('forest.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: space-around;

    border-radius:10px;
}

body{
   background-image:url('characters-background.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   
  }

.character-description{
    width:900px;
    color:rgb(207, 207, 194);
    font-family: "Shadows Into Light", serif;
    font-size: 24px;
}

.character-name{
    text-align: center;
    color:rgb(227, 68, 68);
    box-shadow: rgb(207, 207, 194);
    font-family: 'Irish Grover', serif;
}

.dean-img{
    width: 250px;
    height: 250px;
    border-radius:10px;
}

.dean{
    background:url('blue.webp');
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: space-around;
    border-radius:10px;
}

.lia-img{
    width: 250px;
    height: 250px;
    border-radius:10px;
}

.lia{
    background:url('liaimg.jpg');
    background-position: center;
    background-size: cover;
    display:flex;
    justify-content:space-around;
    border-radius:10px;
}

.sloane-img{
    width:250px;
    height:250px;
    border-radius:10px;
}

.sloane{
    background:url(green.jpg);
    background-position:center;
    background-size:cover;
    display: flex;
    justify-content: space-around;
    border-radius:10px;
}

.michael-img{
    width:250px;
    height:250px;
    border-radius:10px;

}

.michael{
    background: url(chips.jpg);
    background-position:center;
    background-size:cover;
    display: flex;
    justify-content: space-around;
    border-radius:10px;
}
.cassie-img{
    width:250px;
    height:250px;
    border-radius:10px;
 
} 

@media(max-width:600px){
    .cassie , .dean , .lia , .sloane , .michael{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .character-description{
        font-size: 15px;
        width: 100%;
    }
    .character-name{
        font-size:24px;
    }
    .cassie-img, .dean-img,.lia-img,.michael-img,.sloane-img{
        width:100px;
        height: 100px;

    }
}