img{
pointer-events: inherit;
}

.search_res_img{
border: 1px solid #026882;
border-radius:15px;
margin:15px 15px 0px 15px;
padding:5px 5px 5px 5px;
float:left;
/* background-color: rgba(0,0,0,1);  Black background with opacity */
background-image: url("../graphics/menuimg");
background-size: 100% 100%;
height:100%;
width:100%;
display: inline-block;
}

.search_res_div{
background:#f7e6b4;
overflow:visible;
border:2px solid black;
height:auto;
vertical-align:text-top;
}
.search_res_p{
display:inline-block;
margin:2px 2px 2px 2px;
width:auto;
font-family: "Times New Roman", Times, serif;
font-size:110%;
text-align:center;
vertical-align:top;
}

.spanimgtxt {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2em;
    color: #f90;
    background-color: rgba(0,0,0,0.5);
}

.headerimage{
width:100%;
}
.logoimage{
width:10%;
float:left;
}
.aerialimage{
width:25%;
}
.collectionimage{
width:25%;
}
.tipsimage{
width:25%;
}
.rivetsimage{
width:25%;
}
.bodyimage{
width:25%;
}
.dimpleimage{
width:25%;
}
.grid-container {
  display: grid;
  align-content: space-evenly;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 10px;
  font-size: 30px;
}