body{
  margin:0;
  padding:0;
}
.container {
  display:flex;
  
}
.image {
  width:300px;
  height:300px;
  background:grey;
  background-size:cover;
  background-position:center;
  transition:0.3s;
}
.image1 {
  background-image:url(../img/outlat-1.jpeg);
}
.image2 {
  background-image:url(../img/hot-n-spicy-chicken-pizza-500x500.png);
}

.image3 {
  background-image:url(../img/gallery-2.jpg);
}
.image4 {
  background-image:url(../img/Red-and-White-Pasta-1-500x500.jpg);
}
.image5 {
  background-image:url(../img/gallery-4.jpg);
}
.image6{
  background-image:url(../img/hero.png);
}
.image7 {
  background-image:url(../img/gallery-1.jpg);
}
.image8 {
  background-image:url(../img/Penne-Marinara-Sauce-foodiecrush.com-004.jpg);
}
.image9 {
  background-image:url(../img/gallery-5.jpeg);
}
.image10 {
  background-image:url(../img/mexican-pizza-7723-3-042316.jpg);
}
.image11 {
  background-image:url(../img/French-fries.jpg);
}
.image12 {
  background-image:url(../img/Cheese\ Deep.jpg);
}

.image:hover {
  transition:0.3s;
  width:600px;
}
.cont-reverse {
  flex-direction:row-reverse;
}
@media only screen and (max-width: 800px) {
    .container {
        flex-direction: column;
    }
  .image {
    width:100%;
  }
  .image:hover {
    width:100%;/*overwrite hover*/
  }
  .image:active {
    background-size:150%;
  }
}