*{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
  background:#ffffff;
  width:100%;
  font-family:Arial,sans-serif;
}

.gallery{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding:20px;
}

.gallery img{
  width:100%;
  max-width:1250px;
  height:auto;
  aspect-ratio:1250/650;
  object-fit:cover;
  display:block;

  border-radius:28px;

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;

  box-shadow:0 8px 24px rgba(0,0,0,0.12);
}

.gallery img:hover{
  transform:scale(1.02) translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,0.22);
}


noscript{display:block;padding:20px;text-align:center;font:16px Arial,sans-serif;}