更改</p> <div>内部的<p>的不透明度，该<p>的不透明度已更改

Question

抱歉，标题太长。我是编码的初学者，因此请原谅这是一个愚蠢的问题。我想更改嵌套在height内部的<p>的不透明度，该<div>的不透明度已更改。我的代码：

#top {
    background: url("iPhone Repair.png") no-repeat center;
    background-size: cover;
    width: auto;
    height: 100vh;
    opacity: 0.8;
}

#first {
    background-color: white;
    position: relative;
    top: 116px;
    opacity: 0.7;
    margin: 0 50px;
    padding: 20px 50px 20px 50px;
    height: 80vh;
}

h1 {
    font-size: 50px;
    color: #4e5d73;
    text-align: center;
}

p {
    opacity: 1;
}

      <section id="top">
        <div id="first">
          <h1>PixelFix</h1>
          <h2>FIRST LOREM BRO</h2>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, vero.</p>
          <p>Lorem ipsum dolor sit amet.</p>
          <h2>LOREM BRO</h2>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores recusandae porro eligendi culpa doloribus ut qui voluptas cum dolores ad?</p>
        </div>
      </section>

感谢您的回复！ 谢谢