.full-5 {
  position: relative;
}
.full-5 img {
  width: 100%;
  height: auto;
}

@media (min-width: 360px) and (max-width: 575px) {
.banner-5 {
  position: absolute;
  width: clamp(230px, 230px + 0.32558*(100vw - 360px), 300px);
  left: 10%;
  top: 20%;
  background-color: #ffd249;
  padding-top: 20px;
  padding-left: clamp(20px, 20px + 0.04651*(100vw - 360px), 30px);
  padding-right: 30px;
  padding-bottom: 15px;
  opacity: 0.9;
}
.banner-5 h2 {
  font-size: clamp(20px, 20px + 0.02791*(100vw - 360px), 26px);
  margin-bottom: 15px;
}
.banner-5 p {
  font-size: clamp(14px, 14px + 0.01860*(100vw - 360px), 18px);
  margin-bottom: 10px;
}
.banner-5 a {
  margin-top: clamp(10px, 10px + 0.09302*(100vw - 360px), 30px);
  margin-bottom: clamp(20px, 20px + 0.04651*(100vw - 360px), 30px);
}
.banner-5 .btn-red {
  border-radius: 24px;
  padding: 8px 19px;
}
}


@media (min-width: 576px) {
.banner-5 {
  position: absolute;
  width: clamp(380px, 380px + 0.10776*(100vw - 992px), 480px);
  left: 10%;
  bottom: 20%;
  background-color: #ffd249;
  padding-top: 50px;
  padding-left: 60px;
  padding-right: 30px;
  opacity: 0.9;
}
.banner-5 h2 {
  font-size: clamp(30px, 30px + 0.00431*(100vw - 992px), 34px);
  margin-bottom: clamp(30px, 30px + 0.02155*(100vw - 992px), 50px);
}
.banner-5 p {
  font-size: clamp(18px, 18px + 0.00647*(100vw - 992px), 24px);
}
.banner-5 a {
  margin-top: 30px;
  margin-bottom: 50px;
}
}