#panel-wrapper{width:60%;
               margin: auto;
               padding-top: 5vh;
               padding-bottom: 5vh;
               }

.panels{    
        background-color:white;     
           }

h2, h3 {color:#99d9e4}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100vh; /* Set your container height */
}

.container img {
  width: 300px;  /* Set your image width */
  height: 200px; /* Set your image height */
  object-fit: cover; /* Optional: keeps image proportions correct */
}

img.img-fluid{  
                width: 100%;
                height: auto;
                object-fit: cover;
             }
             
.table-wrapper {
  flex: 1;
  min-width: 0;         /* Allows wrapper to shrink */
  overflow-x: auto;     /* Adds horizontal scrollbar if needed */
}

table {
  width: 100%;
}             
             
@media (max-width: 768px) { 
  #panel-wrapper{width:98%;}
  .table-wrapper table{font-size:8px;}
}