.library-card{
width:250px;
margin:20px 0 0 20px;
border:1px gray solid;
border-radius:20px 20px 0px 0px;
overflow:hidden;
z-index:10;
}
.library-card-image{
height:400px;
width:100%;
padding:0;
margin:0;
z-index:-1;
}
img{
transform: scale(1.2);
overflow:hidden;
padding:0;
margin:0;
transition: transform 0.4s;
z-index:-1;
}
img:hover{
transform:scale(1.3);
}
.library-card-content{
padding:0;
margin:0;
text-align:center;
display:block;
z-index:10;
background-color:inherit; /* will need to change colour to account for dark mode */
overflow:hidden;
position:relative;
border-top:1px solid gray;
}
.library-card-title{
font-size:1.2rem;
}
.library-card-works{
font-size:0.9rem;
}
span{
display:inline;
}