.services_container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.services_container img {
  width: 100%;
  border: 3px solid #333;
  box-shadow: 2px 2px 10px #333;
}

.services_expanded {
    position: relative;
    display: none;
  }

/*========================*/
/*=====RESPONSIVE=========*/
/*========================*/

@media screen and (min-width: 650px) {
  /*========SERVICES========*/
}


@media screen and (min-width: 900px) {
  /*========SERVICES========*/
  .services_container {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
  }

  .services_container img {
    width: 25vw;
    cursor: pointer;
    opacity: 1;
  }

  .services_container img:hover {
    opacity: 0.8;
    box-shadow: 5px 5px 10px #333;
  }

  img.main_services_img {
    width: 80%;
    margin: auto;
  }

  .close_btn {
    position: absolute;
    /* top: 10px; */
    right: 115px;
    color: white;
    font-size: 2.5rem;
    cursor: pointer;
  }
}