* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #0e0e35;
}

.grp-image {
  display: flex;
}

.images {
  display: grid;
  grid-template-columns: repeat(3, auto);
  max-width: 1300px;
  min-height: 100vh;
  height: 100%;
  width: 100%;
  margin: auto;
  padding: 30px;
  align-items: center;
  justify-content: center;
}

img {
  max-width: 793px;
  max-height: 561px;
  height: 100%;
  width: 100%;
  padding: 20px;
  border-radius: 42px;
  box-shadow: 0px 1px 2.2px rgba(0, 0, 0, 0.02),
    0px 2.5px 5.3px rgba(0, 0, 0, 0.028), 0px 4.6px 10px rgba(0, 0, 0, 0.035),
    0px 8.3px 17.9px rgba(0, 0, 0, 0.042), 0px 15.5px 33.4px rgba(0, 0, 0, 0.05),
    0px 37px 80px rgba(0, 0, 0, 0.07);
}

@media (max-width: 1305px) {
  .images {
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 885px) {
  .images {
    grid-template-columns: repeat(1, auto);
  }
}