Day 303

Getting frustrated...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

.main {
    margin: 0;
    padding: 0;
    background: linear-gradient(
        to right,
        rgba(76, 5, 113, 0.7) 0%,
        rgba(76, 5, 113, 0.8) 100%
      ),
      url("/img/adults-chilling.webp");
    background-size: auto, auto;
    background-size: cover;
    .xback1 {
      max-width: 100%;
      min-height: 100vh;
      background-image: url("/img/adults-chilling.jpg");
      opacity: 0.7;
    }
  }
  .second {
    background: #ff6b6c;
    position: relative;
    z-index: 11;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
    margin-bottom: -10vw;
  }