body{
    background: rgb(30,156,208);
background: linear-gradient(180deg, rgba(30,156,208,0.6474789744999563) 15%, rgba(30,192,208,0.8379551649761467) 26%, rgba(30,165,208,0.8379551649761467) 35%, rgba(30,84,208,1) 43%, rgba(30,105,208,1) 60%, rgba(22,61,226,0.6362744927072391) 89%);
}
img {
    width: 30%;
}
hr{
  background-color: azure;
}
@media (min-width: 600px) and (max-width: 991px) {
    img {
      width: 50%;
    }
  }
  @media (min-width: 400px) and (max-width: 599px) {
    img {
      width: 70%;
    }
  }
  @media (min-width: 259px) and (max-width: 399px) {
    img {
      width: 100%;
    }
  }