.image-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
justify-content: center;
max-width: 1100px;
margin: 20px auto;
align-items: start;
}
.card {
border: 2px solid gray;
border-radius: 20px;
padding: 10px;
text-align: center;
width: 250px;
height: 390px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: white;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
}
.card img {
width: 250px;
height: 200px;
object-fit: cover;
object-position: center;
display: block;
margin: 10px auto;
border-radius: 20px;
}
.card p {
font-size: 14px;
color: #333;
padding: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 90px;
flex-grow: 1;
}
.card a {
color: #FF6600;
text-decoration: none;
font-weight: bold;
}
.card a:hover {
text-decoration: underline;
}