/*
* prevent flash of unstyled content from alpinejs
* see: https://alpinejs.dev/directives/cloak
*/
[x-cloak] { display: none !important; }

.catbox img {
  max-width: 60%;
  padding-left: 20%;
}

@media (min-width: 550px) {
  .catbox {
    padding-top: 10%;
  }

  .catbox img {
    max-width: 100%;
    padding-left: 0;
  }
}


@media (min-width: 800px) {
  .catbox img {
    max-width: 300px;
  }
}