moduleOnePageTwo.css

/* Reset some default styling */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html, body {
    height: 100%;
    font-family: 'Nunito', sans-serif;
    background-color: #f6f6f1;
  }
  
  /* Full-screen container */
  .image-container {
    position: relative;
    width: 100%;
    height: 100vh; /* 100% of the viewport height */
    overflow: hidden;
  }
  
  /* Background image styling */
  .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container while maintaining aspect ratio */
    padding: 25px;

  }
  
  /* Button container styling to overlay on image */
  .button-container {
    position: absolute;
    top: 93%; /* Adjust the top value to move the button up or down */
    left: 89%;
    transform: translate(-50%, -50%); /* Center the button */
    text-align: center;
  }
  
  /* Button styling */
  .btn {
    background-color: #fc543200;
    color: #c146cf00;
    width: 190px; /* Set the desired width */
    height: 58px; /* Set the desired height */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    text-align: center;
  }