main {
    display: flex;
    gap: 10px;
    padding-top: 10px;
}
.column:nth-child(1) {
  width: 30%;
  margin-top: -10px;
}
.column:nth-child(2) {
  width: 50%;
}
.dossierbanner {
    width: 100%;
    height: 300px;
    background-image: url(/img/asylumstarsmask250.png);
    background-size: 600px;
    background-position: bottom left;
    opacity: 0.8;
}
.column:nth-child(3) {
  width: 20%;
  margin-top: -10px;
}
.column:nth-child(3)::after {
  content: "";
  background-image: url(/img/asylumstarsmask250.png);
  background-size: 250px;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  display: block;
  width: 180px;
  height: 180px;
  transform: rotate(-15deg);
}

.column section {
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #303c;
    border: 1px solid #636;
    background-image: url(/img/back/splatter-051.png);
    background-blend-mode: overlay;
    background-position: bottom -200px left;
    background-repeat: no-repeat;
}
.column section::before {
  content: "";
  display: block;
  height: 5px;
  background: linear-gradient(to right, #c310, #c319);
}
.column section:hover {
    background-color: #303d;
    border-color: #969;
}

.splatter {
  background-image: url(/img/splatter-221.png);
  background-size: 270px;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.5;
  mix-blend-mode:luminosity;
  margin: auto;
  margin-top: -75px;
  margin-bottom: -50px;
  display: block;
  width: 180px;
  height: 180px;
}