html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}

/* 
.seconary_image {
  position: absolute;
  top: -303px;
  left: 342px;
  width: 60%;
  height: auto;
} */

/* ✅ Tablet screens (max-width: 1024px) */
@media (max-width: 1024px) {
  .seconary_image {
    top: -200px;
    left: 200px;
    width: 70%;
  }
}

/* ✅ Mobile screens (max-width: 768px) */
@media (max-width: 768px) {
  .seconary_image {
    position: static;  /* removes absolute positioning */
    width: 100%;
    top:-320px;
    margin-top: 1rem; /* adds spacing */
  }
}

/* ✅ Small mobile (max-width: 480px) */
@media (max-width: 480px) {
  .seconary_image {
    width: 100%;
    position: static;
    margin-top: 0.5rem;
  }
}