.front_gallery img {
  width: 100%;        /* image takes 90% of container width */
 /* optional: prevents it from being too wide */
  margin: auto;      /* centers horizontally */
  height: 70vh;      /* keeps height relative to viewport */
  object-fit: cover; /* maintains aspect ratio, crops if needed */
  display: block;    /* ensures margin auto works */
}
.gallery_text{
    position: relative;
    top: 450px;
    left: 675px;
 color: goldenrod;
 font-size: 40px;
 border: 2px solid rgb(255, 255, 255);
 border-radius: 10px;
 padding: 10px;
background-color: rgba(248, 245, 245, 0.2); /* 50% opaque red */
    
}
.main_gallery_container{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-template-rows: repeat(3,1fr);
   gap: 40px;
   margin-top: 100px;
   row-gap: 5px;
   padding: 10px;
}
.gallery{
  width: 100%;
  height: 40vh;

}
.gallery img{
  width: 100%;
  height: auto;
}