.patt-ern {
     margin-top: 30px;

 }


 .pattern {
     display: block;
     margin: 5px;
     text-decoration: none;
     float: left;

 }

 .pattern img {
     width: 100px;
     /* padding: 5px; */
     transition: transform 0.3s ease-in-out;
     border-radius: 18px;

 }

 .pattern img:hover {
     transform: scale(1.1);
     border: 2px solid saddlebrown;
 }

 .pattern img.img-fluid {
     max-width: 100%;
     height: auto;
 }

 /* Media query for mobile view */
 @media (max-width: 767px) {
     .pattern {

         display: block;
         margin: 5px 0;
         text-decoration: none;
         float: left;

         width: 55px;

     }

     .pattern img {
         width: 100px;
         /* Adjust width for mobile */
     }
 }




 /* blog css start */