/**/
/* Full Size */
.full {
  width: 100%;
  height: 100vh; /* Full viewport height */
}

.fit {
  width: 100%;
  height: 100%;
}

/* Medium Size */
.normal {
  width: 75%;
  height: 75vh; /* 75% of the viewport height */
}

/* Small Size */
.small {
  width: 50%;
  height: 50vh; /* 50% of the viewport height */
}

/* Responsive for Small Screens */
@media (max-width: 768px) {
  .small,
  .normal,
  .full {
    width: 100%;
    height: 50vh; /* Half of the screen height */
  }
}