#counter {
   text-align: center;
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 700;
}

#mansory {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr);
}

.image {
  position: relative;
}

.image.big {
  height: auto;
  width: 100%;
  grid-column: span 2;
  grid-row: span 2;
}

.image svg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.image svg.founded {
  opacity: 1;
}

.outline {
  fill: rgba(255, 255, 255, 0.5);
  stroke:#005894;
  stroke-width: 3px;
}


@media (min-width: 992px) {
  #mansory {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}

@media (min-width: 1400px) {
  #mansory {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}