.card {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   margin: 10 10;
   font-family: 'Montserrat', sans-serif;
   height: fit-content;
   /* width: 33%; */
 }

 .imageContainer {
   position: relative;
   height: 200px;
 }

 .content {
   padding: 16px;
 }

 .title {
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 8px;
 }

 .author {
   font-size: 14px;
   color: #777;
   margin-bottom: 8px;
 }

 .authorName {
   color: #777;
 }

 .tags {
   display: flex;
   gap: 8px;
   margin-bottom: 8px;
 }

 .tag {
   font-size: 12px;
   background: #f0f0f0;
   color: #555;
   border-radius: 4px;
   padding: 2px 6px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .description {
   font-size: 14px;
   color: #555;
   line-height: 1.5;
 }