.image-gallery {
      display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 50px;

}
.image-gallery section {
    display: none;
    margin-left: 20px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.image-gallery section img {
    height: auto;
    width: 100%;
    margin-top: 9vh;
}

.image-gallery input {
  display: none;
}

.image-gallery label {
    border: 1px solid #000000;
    padding: 0px;
    text-align: center;
    width: 10%;
}
.image-gallery label:hover {
  cursor: pointer;
}

.image-gallery label img {
    height: auto;
    width: 100%;
}
.image-gallery input:checked + label {
  border: 1px solid #000000;
  padding: 5px;
}

.image-gallery #tab1:checked ~ #content1,
.image-gallery #tab2:checked ~ #content2,
.image-gallery #tab3:checked ~ #content3,
.image-gallery #tab4:checked ~ #content4,
.image-gallery #tab6:checked ~ #content6,
.image-gallery #tab7:checked ~ #content7,
.image-gallery #tab8:checked ~ #content8,
.image-gallery #tab9:checked ~ #content9,
.image-gallery #tab10:checked ~ #content10{
  display: block;
}

@media only screen and (min-width:240px) and (max-width: 768px){

}