/* --- Tiles images what--- */
.tile-what {
  aspect-ratio: 8/5;
  background: var(--bg);
  clip-path: polygon(16px 0%, calc(100% - 16px) 0%, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0% calc(100% - 16px), 0% 16px);
  display: block;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  width: 100%;
  pointer-events: auto;
}
.tile-what img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  pointer-events: none !important;
}
.tile-what + p { margin-top: 10px; }
/* --- Tiles images what END --- */
/* --- Media --- */
@media (width < 800px) {
  .tile-row.small .tile-col { 
    width: 100%; 
    flex: 0 0 auto; 
    max-width: 100%;
  }
}
@media (650px <= width < 1000px) {
  .tile-row.small { flex-direction: row; flex-wrap: wrap; }
  .tile-row.small .tile-col { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); }
}
@media (width < 650px) {
  .tile-row.small { flex-direction: column; }
  .tile-row.small .tile-col { flex: 1 1 100%; max-width: 100%; }
}
/* --- Media END --- */