.container {
  position: relative;
  text-align: center;

}
.container img{
  max-width:100%;
}

.centered {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 92%;
  width: 100%;
}
.item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.img2{
justify-content: center;
border-radius: 0%;
width: 100%;
}
@media screen and (max-width: 1200px) {
  .centered {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 92%;
    width: 100%;
}
}