fitting images in posts without violating max width/height

app/assets/stylesheets/common/base/lightbox.scss

@@ -11,6 +11,10 @@
 
 .lightbox-wrapper {
   display: inline-block;
+  a img {
+  width: 100%;
+  height: 100%;
+  }
 }
 
 .meta {

app/assets/stylesheets/desktop/topic-post.scss

@@ -251,7 +251,10 @@ nav.post-controls {
 .embedded-posts {
   h1, h2, h3 {margin: 10px 0;}
   a.mention {background: darken(scale-color-diff(), 10%);}
-
+  p img {
+    width: 100%;
+    height: 100%;
+    }
   .topic-body {
      width: 84%;
      padding-left: 1%;
@@ -264,8 +267,6 @@ nav.post-controls {
 
   }
 
-
-
   // bottom means "reply expansion" below a post
   &.bottom {
     &.hidden {display: block; opacity: 0; }