.right {
  background-color: #e555e5;
  float: left;
  width: 100%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
  height: auto;
}

/* Tablet and PC Styles */
@media (min-width: 768px) {
  .right {
    width: 40%; /* Adjust the width as needed for tablet and PC screens */
  }
}

/* PC Styles */
@media (min-width: 1024px) {
  .right {
    width: 20%; /* Adjust the width as needed for PC screens */
  }
}