diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index c074adc..2278b1d 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -219,22 +219,17 @@
     }
   }
   .w-annc__img-wrap {
-    height: 25em;
-    margin: 0.5em;
-    @media(max-width:$screen-xs){
-      height:20em;
-    }
-    @media(min-width:1920px){
-      height: 30em;
-    }
     img{
-      width: auto!important;
+      position: relative !important;
+      width: 100% !important;
       height: 100%!important;
       margin: 0 !important;
-      max-width: fit-content;
     }
   }
-  .w
+  .w-annc__item{
+     margin-bottom: 0em;
+  }
+
 
   .w-annc__title {
     font-family: $main-font;
@@ -242,12 +237,18 @@
     font-size: 1.2rem;
   }
   .w-annc__list{
-    @media(min-width:$screen-xs){
+    @media(min-width: 769px){
       display: grid;
       grid-template-areas:
           "g1 g2 g3"
 	  "g1 g4 g5";
-      grid-template-columns: 35% 32% 32%;
+      grid-gap: 2% 1%;
+      grid-template-columns: 35% 31.5% 31.5%;
+    }
+    @media(max-width: 768px){
+      .w-annc__item{
+        margin-bottom: 1em;
+      }
     }
     li{
       &:hover{
@@ -269,14 +270,6 @@
         -ms-grid-column: 1;
         -ms-grid-row-span: 3;
         -ms-grid-column-span: 7;
-        .w-annc__img-wrap{
-          height: 53em;
-        }
-        @media(max-width:$screen-xs){
-          .w-annc__img-wrap{
-            height: 40em;
-          }
-        }
       }
       &:nth-child(2){
         grid-area: g2;
@@ -315,7 +308,6 @@
   .card{
     position: absolute;
     z-index: 2;
-    margin:0 0.5em;
     padding: 20px 25px;
     bottom: 0;
     left: 0;