.description {
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     font-size: 14px !important;
 }

 /* Default Styles for Desktop and Tablets (Large Screens) */
 .card-main-article {
     border: none;
     width: 719px;
     height: 595px;
 }

 .card-main-img {
     border-radius: 8px;
     width: 719px;
     height: 383px;
     overflow: hidden;
     position: relative;
 }

 .card-main-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
     transition: transform 0.3s ease;
 }

 .card-main-img img:hover {
     transform: scale(1.1);
 }

 .card-side-article {
     border: none;
     width: 529px;
     height: 595px;
 }

 .card-side-row {
     display: flex;
 }

 .card-side-img {
     width: 179px;
     height: 179px;
     border-radius: 8px;
     overflow: hidden;
     position: relative;
     flex-shrink: 0;
 }

 .card-side-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .card-side-img img:hover {
     transform: scale(1.1);
 }

 .card-article {
     border: 1px solid #DEDEDE;
     border-radius: 8px;
     gap: 20px;
     width: 406px;
     height: 469px;
 }

 .card-article-img {
     width: 406px;
     height: 279px;
     border-radius: 8px;
     overflow: hidden;
     position: relative;
     flex-shrink: 0;
 }

 .card-article-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
     transition: transform 0.3s ease;
 }

 .card-article-img img:hover {
     transform: scale(1.1);
 }


 /* For screens up to 1200px (medium to large screens) */
 @media screen and (max-width: 1200px) {
     .card-main-article {
         width: 90%;
         height: auto;
     }

     .card-side-article {
         width: 100%;
         height: auto;
     }

     .card-main-img {
         width: 100%;
         height: auto;
     }

     .card-side-img {
         width: 150px;
         height: 150px;
         margin: 10px 0;
     }
 }

 /* For screens up to 768px (tablets and smaller devices) */
 @media screen and (max-width: 768px) {
     .card-main-article {
         width: 100%;
         height: auto;
     }

     .card-side-article {
         width: 100%;
         height: auto;
     }

     .card-main-img {
         width: 100%;
         height: 300px;
     }

     .card-side-img {
         width: 120px;
         height: 120px;
     }

     .card-article {
         width: 100%;
         height: auto;
     }

     .card-article-img {
         width: 100%;
         height: 200px;
     }

     .card-article-img img {
         object-fit: cover;
         width: 100%;
         height: 100%;
     }
 }

 /* For screens up to 480px (mobile devices) */
 @media screen and (max-width: 480px) {
     .card-main-article {
         width: 100%;
         height: auto;
     }

     .card-main-img {
         width: 100%;
         height: 250px;
     }

     .card-side-article {
         width: 100%;
         height: auto;
     }

     .card-side-img {
         width: 100px;
         height: 100px;
     }
 }