add some media fancy desing basics to backgrounds

Author: mckaygerhard

cweb/elcurrencyfiles/css/currencyweb.css

@@ -44,8 +44,21 @@
     background-size: cover;
     background-repeat: no-repeat;   
 }
-@media screen and (min-width:800px) {
-    .contain-login{
-        height: 100vh !important; 
-    }
-}
+.contain-currency{
+    height: 100vh !important; 
+    background-image: url('../media/currency-data-money-currency.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.contain-history{
+    height: 100vh !important; 
+    background-image: url('../media/currency-history-media.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.contain-homesession{
+    height: 100vh !important; 
+    background-image: url('../media/currencyhome.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+}

cweb/elcurrencyfiles/media/currency-data-money-currency.jpg

@@ -1,5 +1,5 @@
 
-<div class="col py-1" style="background-color: #f9faff;">
+<div class="col py-1 d-flex contain-currency" style="background-color: #f9faff;">
 		<!-- <section>
 			<div id="contain-modal"> -->
 				<!-- HERE IS THE DIALOG PLACE -->

cweb/elcurrencyfiles/media/currency-history-media.jpg

@@ -1,7 +1,7 @@
 <?php
 	$titleini = 'History of your coins rate';
 	$titlesub = 'Filtering total of ';
-	echo div_open('class="col py-3"');
+	echo div_open('class="col py-3 d-flex contain-history"');
 		echo '<section>';
 			echo div_open('id="liveAlertPlaceholder"');
 			echo div_close();

cweb/elcurrencyfiles/media/currencyhome.jpg

@@ -1,6 +1,6 @@
 
 	<!-- HOME BUTTONS CARD INI -->
-	<div class="col py-0 px-0">
+	<div class="col py-0 px-0 contain-homesession">
 		<div class="contain-image">
 			<div class="card-deck d-flex justify-content-around  flex-wrap">
 				<div class="card m-3" style="width: 300px;">