html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-color: black;
}

body {
  display: flex;
  align-items: stretch;
}

.grid {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin-top: 5px;
  margin-left: 5px;
}

.row {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 5px;
}

.cell {
  margin-right: 5px;
  flex-grow: 1;
  position: relative;
}

.slide, .tamedia {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #222;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  background-size: cover;
}

.slide.visible {
  opacity: 1;
}

.doodle { background-image: url('/companies/doodle.png'); }
.ricardo { background-image: url('/companies/ricardo.png'); }
.starticket { background-image: url('/companies/starticket.png'); }
.homegate { background-image: url('/companies/homegate.png'); }
.car4you { background-image: url('/companies/car4you.png'); }
.bookatiger { background-image: url('/companies/bookatiger.png'); }
.hotelcard { background-image: url('/companies/hotelcard.png'); }
.jobs { background-image: url('/companies/jobs.png'); }
.renovero { background-image: url('/companies/renovero.png'); }
.moneypark { background-image: url('/companies/moneypark.png'); }
.olmero { background-image: url('/companies/olmero.png'); }
.immostreet { background-image: url('/companies/immostreet.png'); }
.local { background-image: url('/companies/local.png'); }
.search { background-image: url('/companies/search.png'); }
.tutti { background-image: url('/companies/tutti.png'); }
.trendsales { background-image: url('/companies/trendsales.png'); }
.zattoo { background-image: url('/companies/zattoo.png'); }
._20min { background-image: url('/companies/20min.png'); }
.tages { background-image: url('/companies/tages.png'); }
._24h { background-image: url('/companies/24h.png'); }
.bazoline { background-image: url('/companies/bazoline.png'); }
.berner { background-image: url('/companies/berner.png'); }
.derbund { background-image: url('/companies/derbund.png'); }
.lematin { background-image: url('/companies/lematin.png'); }
.tdg { background-image: url('/companies/tdg.png'); }
.autoricardo { background-image: url('/companies/autoricardo.png'); }
.tamedia { 
  background: white;
  background-image: url('/companies/tamedia.jpg'); 
  opacity: 1;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
}