integrated the basic image flow and basic CSS setup

graphql/schema.graphql

@@ -14,7 +14,12 @@ type Building {
   significance: String,
   recommendation: String,
   latitude: Float,
-  longitude: Float
+  longitude: Float,
+  featured_image: String,
+  second_image: String,
+  third_image: String,
+  fourth_image: String,
+  fifth_image: String
 }
 
 type Query {

helpers/createDataObj.js

@@ -5,7 +5,7 @@ const createDataObj = (data) => {
       street_name: item['Street Name'],
       postcode: item['Post Code'],
       ward: item['Ward'],
-      conservation_area: item['Conservation Area'], 
+      conservation_area: item['Conservation Area'],
       date_built_actual: item['Date Built (actual)'],
       date_built_estimate: item['Date Built (estimated/ unconfirmed)'],
       architectural_style: item['Architectural Style'],
@@ -16,12 +16,14 @@ const createDataObj = (data) => {
       significance: item['Significance Statement'],
       recommendation: item['Recommendation'],
       latitude: item['Latitude'],
-      longitude: item['Longitude']
+      longitude: item['Longitude'],
+      featured_image: item['Featured Image'],
+      second_image: item['Second Image'],
+      third_image: item['Third Image'],
+      fourth_image: item['Fourth Image'],
+      fifth_image: item['Fifth Image']
     };
   });
 }
 
 module.exports = createDataObj;
-
-
-

models/islington.js

@@ -28,7 +28,12 @@ const islingtonSchema = new Schema({
   significance: String,
   recommendation: String,
   latitude: Number,
-  longitude: Number
+  longitude: Number,
+  featured_image: String,
+  second_image: String,
+  third_image: String,
+  fourth_image: String,
+  fifth_image: String
 });
 
 const Islington = mongoose.model("Islington", islingtonSchema);