From 82cd864c0bad55425f46dd42fc77a98c2cf082c3 Mon Sep 17 00:00:00 2001
From: Ammar <brighttar@gmail.com>
Date: Sun, 31 Mar 2019 13:34:41 +0530
Subject: [PATCH] Remove overlapping in two figures

---
 src/lab/css/override.css  | 25 +++++++++++++++++++++++++
 src/lab/exp6/content.html |  7 ++++---
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/lab/css/override.css b/src/lab/css/override.css
index 2ba15288..edd06948 100755
--- a/src/lab/css/override.css
+++ b/src/lab/css/override.css
@@ -1,3 +1,28 @@
 #lab-footer {
 display:none;
 }
+.crop {
+  display: table; 
+}
+
+.img1 {
+   position: relative;
+   left: 10%;
+   background-image:url(../exp6/images/6_1.png);
+   width: 395px;
+   height:245px;
+   display:table-cell;
+   background-position:0 0;
+}
+
+.img2 {
+   position: relative;
+   left: 10%;
+   background-image:url(../exp6/images/6_1.png);
+   width: 395px;
+   height:245px;
+   top: 30px;
+   display: table-cell;
+   background-position:400px 226px;
+}
+
diff --git a/src/lab/exp6/content.html b/src/lab/exp6/content.html
index 345b0413..fc121136 100755
--- a/src/lab/exp6/content.html
+++ b/src/lab/exp6/content.html
@@ -168,12 +168,13 @@
 	Further, at high fluorophore concentrations the fluorophore molecules remain close to each other that can result in fluorescence quenching due to other interactions, such as concentration quenching, excimer formation, etc. All these effects are difficult to correct. Therefore, it is advisory to work with as much as possible dilute solutions. The fluorescence intensity is linearly proportional to the fluorophore concentration and hence to the optical density over only a limited range, only to an optical density of ~0.05. When an use of high concentration or optically dense medium is required, off-center illumination or front-face illumination geometries can be used. These geometries reduce the effective light path length due to the light absorption near the surface of the cuvette.  
 
 	</p>
-	<p>
-	<img src="images/6_1.png" />
+  <div class="crop">
+	<div class="img1"></div><div class="img2"></div>
+  </div>
 	<!--<img src="../images/2.jpg" /> -->
+  <p>
 	<br/>
 	<b>Figure 1.</b> Geometries of the sample illumination versus emission beam recording: (A) conventional right-angle arrangement, and (B) front-face illumination. (Courtesey: B. Valeur, Molecular Fluorescence: Principles and Applications, 2002, Wiley-VCH, Weinheim.)
-
 	</p>
 	</div>