.flexible.grille {
  .items {
    .item {
      img {
        transition: all 0.5s ease-out;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }

      &:hover {
        img {
          transform: scale(1.06);
        }
      }
    }
  }
  .quinconce_items {
    .item {
      position: relative;
      &:nth-child(even) {
        @screen md {
          transform: translateY(100px) !important;
        }
      }
      .head {
        overflow: hidden;
        padding-top: 50%;
        position: relative;
        @screen md {
          padding-top: 65%;
        }
      }
    }
  }
}
