#bg-white p-2 rounded-lg shadow-md hover:shadow-xl transition{
    margin-left: 200px;
    margin-right: 300px;
}
#bg-white p-2 rounded-lg shadow-md hover:shadow-xl transition :hover{
    margin-top: 20px;
    margin-bottom: 20px;}
#dashbord :hover{
    hover: 1px solid black;
}
#select{
    background-color: #f8f9fa;
    color: #000;
    
}
#bg-gradient-to-r from-pink-500 to-rose-700 p-4 text-white shadow-lg{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #486ca5 100%);
}
.image-container {
      position: relative;
      width: 300px;
      height: 200px;
      overflow:-moz-hidden-unscrollable;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      margin-left: 20PX;
      margin-top: 50PX;
    }

    .image-container img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .image-details {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      width: 100%;
      padding: 15px;
      opacity: 0;
      transition: opacity 0.1s ease;
    }

    .image-container:hover .image-details {
      opacity: 2;
    }