.observatory-card {
      /*border: 1px solid #dee2e6;*/
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      background-color: #fff;
      transition: transform 0.2s ease;
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding: 0.75rem;
      color:#18354f;
    }

    .observatory-card:hover {
      transform: scale(1.02);
    }

    .observatory-image {
      height: 180px;
      object-fit: cover;
      width: 100%;
    }