#search-form {
display: none;
}

img,
picture {
  max-width: 100%;
  display: block;
}

/* ------------------- */
/* Utility class       */
/* ------------------- */

.flex {
    display: flex;
    gap: var(--gap, 1rem);
}

.grid {
    display: grid;
    gap: var(--gap, 1.5rem);
}

.container {
    padding-inline: 2em;
    margin-inline: auto;
    max-width: 80rem;
}

.grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.card {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.img-cover {
  object-fit: cover;
}

.img-right {
  float: right; width: 55%; margin: 0 0 .5rem 1rem;
}

.img-left {
  float: left; width: 55%; margin: 0 0 .5rem 1rem;
}