Improve publication view details images

src/app/shared/publication/view-publications/view-publications.page.html

@@ -31,7 +31,7 @@
       <div class="post-item  d-md-block mb-10"
         *ngFor="let publication of publicationList"
         (click)="viewPublicationDetail(publication.DocumentId)">
-        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img width-md-100">
+        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img width-md-100 height-lg-unset">
           <img src="{{publication.FileBase64}}" alt="image">
         </div>
         <div *ngIf="publication.FileBase64.length < 30" class="mb-10 post-img">

src/app/shared/publication/view-publications/view-publications.page.scss

@@ -167,3 +167,13 @@
     font-size: 13px;
     color: #000;
   }
+
+
+
+
+
+@media only screen and (min-width: 1366px) {
+  .post-img{
+    width: unset !important;
+}
+}

src/style/main.scss

@@ -198,6 +198,9 @@
 .width-md-20{width: 20%;}
 .width-md-10{width: 10%;}
 
+.width-md-unset{ width: unset;}
+.height-md-unset{ height: unset !important;}
+
 .max-width-md-100{max-width: 100%;}
 .max-width-md-90{max-width: 90%;}
 .max-width-md-80{max-width: 80%;}
@@ -281,6 +284,9 @@
   .align-lg-content-space-around{ align-content: space-around !important;}
   .align-lg-content-stretch{ align-content: stretch !important;}
 
+  .width-lg-unset{ width: unset;}
+  .height-lg-unset{ height: unset !important;}
+
   @for $i from 0 through 50 {
       .font-lg-#{$i} {
           font-size: #{$i}px ;
@@ -371,6 +377,7 @@
 .width-20{width: 20%;}
 .width-10{width: 10%;}
 
+
 .max-width-100{max-width: 100%;}
 .max-width-90{max-width: 90%;}
 .max-width-80{max-width: 80%;}
@@ -395,6 +402,9 @@
 .height-20{height: 20%;}
 .height-10{height: 10%;}
 
+.height-unset{ height: unset;}
+.width-unset{ width: unset;}
+
 .height-fit-content{height: fit-content;}