.textblock{
  position: relative;
  padding: 24px;
  /*background-color: rgb(75,90,129);*/
  background-color: rgb(52, 54, 52);
  border: 2px solid black;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  color: white;
  margin-top: 20px; /* Top, Right, Bottom, Left */
  margin-left: 10%;
  width: 80%; /* Set width relative to parent */
 /* width: 100%; /* Set width relative to parent */
  height: 100%; /* Make the child fill the height of the parent */
  overflow: auto;
  box-sizing: border-box; /* Total width remains 100% */
  
}

.textblock h2{
  font-size:36;
  text-align: center;
}

.textblock text{
  display: inline-block;
  margin-left:0px;
}

.textblock img {
  display: block;
  max-width:500px;
  width:95%; 
  height:auto;
  margin-left: auto;
  margin-right: auto;
}
.textblock ul {
  padding-left: 10px; /* Adjust this value as needed */
}
.title{
  font-size:18px;
  font-weight: bold;
  list-style:none;
}
@media only screen and (max-width: 600px) {
  .textblock{
      margin-left:10px;
      width: calc(100% - 20px); /* Set width relative to parent */
  }
}