.main{
  background-image: linear-gradient(rgba(0, 0, 0, 0.4),
  rgba(0, 0, 0, 0.4)),
  url(https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1200&h=600&fit=crop");
  height: 600px;
  background-position: center;
  background-size: cover;

}

.suggestions_div{
  background-color: var(--clr-light);
  position: absolute;
  top: 50px;
  width: 28%;
}

.finder-image-home{
  z-index: 1;
  width: 400px;
  height: 220px;
  object-fit: cover; /* Fills the box, cropping excess */
  object-position: center; /* Centers the image in the frame */
  display: block; /* Removes extra space below inline images */
  border-radius: .5rem;
  margin-bottom: 10px;
  background-image: url('../images/icon/no-image.png');
  background-size: 50px 50px; /* Adjusts the size of the background image */
  background-repeat: no-repeat; /* Prevents the background image from repeating */
  background-position: center; /* Centers the background image */
}

.finder-image{
  z-index: 1;
  width: 100%;
  height: 220px;
  object-fit: cover; /* Fills the box, cropping excess */
  object-position: center; /* Centers the image in the frame */
  display: block; /* Removes extra space below inline images */
  border-radius: .5rem;
  margin-bottom: 10px;
  background-image: url('../images/icon/no-image.png');
  background-size: 50px 50px; /* Adjusts the size of the background image */
  background-repeat: no-repeat; /* Prevents the background image from repeating */
  background-position: center; /* Centers the background image */
}