body {
    background-image: url("images/overlay.png"), linear-gradient(30deg, #5f4d93 15%, #4d5f94 100%);
}

.dex {
    width: 256px;
    height: 256px;
    border-radius: 50%;
    object-fit: cover;
}

.icon {
    padding: 0.65em;
}

.icons a,
header a {
    border-bottom: none;
}

b {
    color: #000;
}

.block {
    display: flex;
}

.block-img {
   width: 25%;
   margin-right: 2%;
}

.block-img img {
    width: 100%;
}

.block-img .small {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.block-text {
    width: 75%;
    text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-img {
        width: 34%;
    }

    .block-text {
        width: 66%;
    }
}

@media (max-width: 767px) {
    .block {
        flex-direction: column;
    }

    .block-img {
        width: 100%;
    }

    .block-text {
        width: 100%;
        text-align: center;
    }
}

/* Box */
.box {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box::after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.box:hover::after {
    opacity: 1;
}